@six-group/ui-library 0.0.0-insider.a9979af → 0.0.0-insider.ab5d77b

package/dist/ui-library/{p-811ce2a0.entry.js → p-6cd4fbd8.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as o,h as e,g as r}from"./p-JoG9I7EO.js";import{E as t}from"./p-C4h4qpGl.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.radio{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.radio__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.radio__icon svg{width:100%;height:100%}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:50%;background-color:var(--six-input-background-color);color:transparent;transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.radio__control input[type=radio]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--six-input-border-color-hover)}.radio--checked .radio__control{color:var(--six-selection-control-color);border-color:var(--six-selection-control-color)}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{color:var(--six-input-border-color-focus);border-color:var(--six-input-border-color-focus)}.radio--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.radio--disabled .radio__control{border-color:var(--six-input-border-color-disabled)}.radio--disabled.radio--checked .radio__control{color:var(--six-selection-control-color-disabled)}.radio__label{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}";let a=0;const l=class{constructor(e){i(this,e);this.sixBlur=o(this,"six-radio-blur");this.sixChange=o(this,"six-radio-change");this.sixFocus=o(this,"six-radio-focus");this.inputId=`radio-${++a}`;this.labelId=`radio-label-${a}`;this.eventListeners=new t;this.hasFocus=false;this.name="";this.value="on";this.disabled=false;this.checked=false;this.invalid=false;this.handleClick=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.sixChange.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i.key)){const o=this.getAllRadios().filter((i=>!i.disabled));const e=["ArrowUp","ArrowLeft"].includes(i.key)?-1:1;let r=o.indexOf(this.host)+e;if(r<0)r=o.length-1;if(r>o.length-1)r=0;this.getAllRadios().forEach((i=>i.checked=false));o[r].setFocus();o[r].checked=true;o[r].dispatchEvent(new CustomEvent("six-radio-change",{bubbles:true,cancelable:true}));i.preventDefault()}};this.handleMouseDown=i=>{var o;i.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()}}handleCheckedChange(){if(this.checked){this.getSiblingRadios().forEach((i=>i.checked=false))}if(this.nativeInput!=null){this.nativeInput.checked=this.checked}}handleNameChange(i){if(this.nativeInput!=null){this.nativeInput.name=i}}connectedCallback(){this.eventListeners.forward("six-radio-change","change",this.host);this.eventListeners.forward("six-radio-blur","blur",this.host);this.eventListeners.forward("six-radio-focus","focus",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}async setFocus(i){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}getAllRadios(){const i=this.host.closest("form")||document.body;if(this.name==="")return[];return[...i.querySelectorAll("six-radio")].filter((i=>i.name===this.name))}getSiblingRadios(){return this.getAllRadios().filter((i=>i!==this.host))}render(){return e("label",{key:"cdb722e8b78cf02f527d97b3dab6f0679b333c21",part:"base",class:{radio:true,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus},htmlFor:this.inputId,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown},e("span",{key:"9c627a113fe27c340b7f6162d9bde328220c8960",part:"control",class:"radio__control"},e("span",{key:"2ce65408f6c88cb7396c480eba0cc2dd663a3c85",part:"checked-icon",class:"radio__icon"},e("svg",{key:"f4aac67ee8b4a5fb2af26305799b6648e496941e",viewBox:"0 0 16 16"},e("g",{key:"f1bc8651eae70a2ede2dcbf5f48f8237d9f883e6",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},e("g",{key:"7ffa14023971330ae34e041871c0db912789999a",fill:"currentColor"},e("circle",{key:"10d6f37d1227677ba8044a8bffd89f8828e54e0d",cx:"8",cy:"8",r:"5"}))))),e("input",{key:"55ae32be4a36646c17d1238e486df0a483db2650",ref:i=>this.nativeInput=i,id:this.inputId,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,role:"radio","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus})),e("span",{key:"08128b78c44c561e9dc97f840bacf46059c2483b",part:"label",id:this.labelId,class:"radio__label"},e("slot",{key:"9dd8bcf11566bd74d7b8e91a71cd276947562426"})))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],name:["handleNameChange"]}}};l.style=s;export{l as six_radio};
-//# sourceMappingURL=p-811ce2a0.entry.js.map
+import{r as i,c as o,h as e,g as r}from"./p-JoG9I7EO.js";import{E as t}from"./p-C4h4qpGl.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.radio{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.radio__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.radio__icon svg{width:100%;height:100%}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:50%;background-color:var(--six-input-background-color);color:transparent;transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.radio__control input[type=radio]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--six-input-border-color-hover)}.radio--checked .radio__control{color:var(--six-selection-control-color);border-color:var(--six-selection-control-color)}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{color:var(--six-input-border-color-focus);border-color:var(--six-input-border-color-focus)}.radio--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.radio--disabled .radio__control{border-color:var(--six-input-border-color-disabled)}.radio--disabled.radio--checked .radio__control{color:var(--six-selection-control-color-disabled)}.radio__label{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}";let a=0;const l=class{constructor(e){i(this,e);this.sixBlur=o(this,"six-radio-blur");this.sixChange=o(this,"six-radio-change");this.sixFocus=o(this,"six-radio-focus");this.inputId=`radio-${++a}`;this.labelId=`radio-label-${a}`;this.eventListeners=new t;this.hasFocus=false;this.name="";this.value="on";this.disabled=false;this.checked=false;this.invalid=false;this.handleClick=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.sixChange.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i.key)){const o=this.getAllRadios().filter((i=>!i.disabled));const e=["ArrowUp","ArrowLeft"].includes(i.key)?-1:1;let r=o.indexOf(this.host)+e;if(r<0)r=o.length-1;if(r>o.length-1)r=0;this.getAllRadios().forEach((i=>i.checked=false));o[r].setFocus();o[r].checked=true;o[r].dispatchEvent(new CustomEvent("six-radio-change",{bubbles:true,cancelable:true}));i.preventDefault()}};this.handleMouseDown=i=>{var o;i.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()}}handleCheckedChange(){if(this.checked){this.getSiblingRadios().forEach((i=>i.checked=false))}if(this.nativeInput!=null){this.nativeInput.checked=this.checked}}handleNameChange(i){if(this.nativeInput!=null){this.nativeInput.name=i}}connectedCallback(){this.eventListeners.forward("six-radio-change","change",this.host);this.eventListeners.forward("six-radio-blur","blur",this.host);this.eventListeners.forward("six-radio-focus","focus",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}async setFocus(i){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}getAllRadios(){const i=this.host.closest("form")||document.body;if(this.name==="")return[];return[...i.querySelectorAll("six-radio")].filter((i=>i.name===this.name))}getSiblingRadios(){return this.getAllRadios().filter((i=>i!==this.host))}render(){return e("label",{key:"879cb08317d04deeca8282c8b69e6eb20a9adf07",part:"base",class:{radio:true,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus},htmlFor:this.inputId,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown},e("span",{key:"6c2acde83c5a7d3ec9de36b6e73776f7c614b8f4",part:"control",class:"radio__control"},e("span",{key:"f741f110abf476e80c54d5ba7e55f9ce7babb68b",part:"checked-icon",class:"radio__icon"},e("svg",{key:"9635c588916db7dc635a4581e50416d16114ee58",viewBox:"0 0 16 16"},e("g",{key:"5d33f15ab6063156808d054bd6f736303e8afecc",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},e("g",{key:"25aead7a47efab4b1b86aa50070ba656855bfdf0",fill:"currentColor"},e("circle",{key:"33364d9740a62291991de71288535fe685593fa1",cx:"8",cy:"8",r:"5"}))))),e("input",{key:"2ba91f62d15618ea3292902137649fdc579e05fa",ref:i=>this.nativeInput=i,id:this.inputId,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,role:"radio","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus})),e("span",{key:"e8d5db9e8b63c6f5c25ef1239291c175257edf90",part:"label",id:this.labelId,class:"radio__label"},e("slot",{key:"1aed8a157b967b10acbfb960cd725b88fdf83cf3"})))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],name:["handleNameChange"]}}};l.style=s;export{l as six_radio};
+//# sourceMappingURL=p-6cd4fbd8.entry.js.map

package/dist/ui-library/{p-8884a48b.entry.js → p-70388108.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as i}from"./p-JoG9I7EO.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-divider{border-top:solid var(--six-border-width) var(--six-menu-divider-color);margin-top:var(--six-spacing-xx-small);margin-bottom:var(--six-spacing-xx-small)}";const e=class{constructor(i){r(this,i)}render(){return i("div",{key:"186bd0295f652e28206b3e01a092c0cc67128874",part:"base",class:"menu-divider",role:"separator","aria-hidden":"true"})}};e.style=o;export{e as six_menu_divider};
-//# sourceMappingURL=p-8884a48b.entry.js.map
+import{r,h as i}from"./p-JoG9I7EO.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-divider{border-top:solid var(--six-border-width) var(--six-menu-divider-color);margin-top:var(--six-spacing-xx-small);margin-bottom:var(--six-spacing-xx-small)}";const e=class{constructor(i){r(this,i)}render(){return i("div",{key:"e5cfe610c3578305a43cac1d94aabd9d4f3483f8",part:"base",class:"menu-divider",role:"separator","aria-hidden":"true"})}};e.style=o;export{e as six_menu_divider};
+//# sourceMappingURL=p-70388108.entry.js.map

package/dist/ui-library/p-72d3f332.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,g as t}from"./p-JoG9I7EO.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--last-item-color:var(--six-color-web-rock-700);--separator-color:var(--six-color-web-rock-700)}:host::part(label){padding:unset}:host::part(base){display:flex;align-items:center}:host::part(separator){align-items:center;user-select:none;-webkit-user-select:none}:host six-button::part(label){padding-left:var(--six-spacing-xx-small);padding-right:var(--six-spacing-xx-small)}:host([read-only]) six-button::part(base){color:var(--last-item-color)}.breadcrumb-item-readonly{cursor:default}.breadcrumb-item__separator{display:flex;align-items:center;color:var(--separator-color)}:host(:last-of-type) .breadcrumb-item__separator{display:none}";const r=class{constructor(a){e(this,a);this.size="medium";this.readonly=false}render(){return a("div",{key:"c513737271cbfcd6755fa7b1effc526ec450bf04",part:"base"},a("six-button",{key:"9f7fa7a98c83bcd536e864c486e696623a337aba",part:"button",type:"link",class:{"breadcrumb-item-readonly":this.readonly},href:this.readonly?undefined:this.href,tabindex:this.readonly?-1:undefined,target:this.target,size:this.size},a("slot",{key:"21702eca3e7529a8e6e2e63d640a079b9da3eef9",name:"prefix",slot:"prefix"}),a("slot",{key:"eaeaac8681abaf25e4959615c0d7acbed2f51813"}),a("slot",{key:"b7bf9a20d59cee15010f585e17fb3cdf1979573b",name:"suffix",slot:"suffix"})),a("span",{key:"0c4189811fa524e18bf0c0f94c7f6490c11018d9",part:"separator",class:"breadcrumb-item__separator","aria-hidden":"true"},a("slot",{key:"03ca6b113b73f75fbaeec04b0ec3d3224536c77b",name:"separator"})))}get host(){return t(this)}};r.style=s;export{r as six_breadcrumbs_item};
+//# sourceMappingURL=p-72d3f332.entry.js.map

package/dist/ui-library/p-72d3f332.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixBreadcrumbsItemCss","SixBreadcrumbsItem","constructor","hostRef","this","size","readonly","render","h","key","part","type","class","href","undefined","tabindex","target","name","slot"],"sources":["src/components/six-breadcrumbs-item/six-breadcrumbs-item.scss?tag=six-breadcrumbs-item&encapsulation=shadow","src/components/six-breadcrumbs-item/six-breadcrumbs-item.tsx"],"sourcesContent":["@import '../../../src/global/component';\n\n/**\n* @prop --separator-color: The color of the separator\n* @prop --last-item-color: The color of the last breadcrumbs item\n*/\n:host {\n  --last-item-color: var(--six-color-web-rock-700);\n  --separator-color: var(--six-color-web-rock-700);\n\n  &::part(label) {\n    padding: unset;\n  }\n\n  &::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  &::part(separator) {\n    align-items: center;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  six-button::part(label) {\n    padding-left: var(--six-spacing-xx-small);\n    padding-right: var(--six-spacing-xx-small);\n  }\n}\n\n:host([read-only]) {\n  six-button::part(base) {\n    color: var(--last-item-color);\n  }\n}\n\n.breadcrumb-item-readonly {\n  cursor: default;\n}\n\n.breadcrumb-item__separator {\n  display: flex;\n  align-items: center;\n  color: var(--separator-color);\n}\n\n:host(:last-of-type) .breadcrumb-item__separator {\n  display: none;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Breadcrumb items are used inside breadcrumbs to represent different links.\n *\n * @since 5.0\n * @status beta\n *\n * @slot - The breadcrumb item’s label.\n * @slot prefix - An optional prefix, usually an icon or icon button.\n * @slot suffix - An optional suffix, usually an icon or icon button.\n * @slot separator - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on six-breadcrumbs instead.\n *\n * @part base - The component's base wrapper.\n * @part button - The button that renders the item\n * @part separator - The separator\n */\n@Component({\n  tag: 'six-breadcrumbs-item',\n  styleUrl: 'six-breadcrumbs-item.scss',\n  shadow: true,\n})\nexport class SixBreadcrumbsItem {\n  @Element() host!: HTMLSixBreadcrumbsItemElement;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @Prop() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @Prop() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** The breadcrumbs item size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to readonly the breadcrumb item. */\n  @Prop({ attribute: 'read-only', reflect: true }) readonly: boolean = false;\n\n  render() {\n    return (\n      <div part=\"base\">\n        <six-button\n          part=\"button\"\n          type=\"link\"\n          class={{ 'breadcrumb-item-readonly': this.readonly }}\n          href={this.readonly ? undefined : this.href}\n          tabindex={this.readonly ? -1 : undefined}\n          target={this.target}\n          size={this.size}\n        >\n          <slot name=\"prefix\" slot=\"prefix\" />\n          <slot />\n          <slot name=\"suffix\" slot=\"suffix\" />\n        </six-button>\n        <span part=\"separator\" class=\"breadcrumb-item__separator\" aria-hidden=\"true\">\n          <slot name=\"separator\" />\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAwB,42B,MCsBjBC,EAAkB,MAL/B,WAAAC,CAAAC,G,UAe2BC,KAAIC,KAAiC,SAGbD,KAAQE,SAAY,KAwBtE,CAtBC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,KAAK,QACRF,EACE,cAAAC,IAAA,2CAAAC,KAAK,SACLC,KAAK,OACLC,MAAO,CAAE,2BAA4BR,KAAKE,UAC1CO,KAAMT,KAAKE,SAAWQ,UAAYV,KAAKS,KACvCE,SAAUX,KAAKE,UAAW,EAAKQ,UAC/BE,OAAQZ,KAAKY,OACbX,KAAMD,KAAKC,MAEXG,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,SAASC,KAAK,WACzBV,EAAQ,QAAAC,IAAA,6CACRD,EAAM,QAAAC,IAAA,2CAAAQ,KAAK,SAASC,KAAK,YAE3BV,EAAM,QAAAC,IAAA,2CAAAC,KAAK,YAAYE,MAAM,6BAA4B,cAAa,QACpEJ,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,e","ignoreList":[]}