@rededor/cura 1.0.0-alpha.7 → 1.0.0

package/dist/cura/p-c518a91c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as o,g as a}from"./p-312791fb.js";const s=":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) li{border-bottom:none}ul{list-style:none;width:100%;margin:0;padding:0}li{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:8px;padding:8px 4px;flex-direction:row;background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light);box-sizing:border-box;cursor:pointer}li.disabled{cursor:default}li.hovered{background-color:var(--neutral-white)}li cura-heading{width:100%;margin-block:0px}li ::slotted(div[slot=image]){min-width:32px;display:flex;justify-content:center;align-items:center}li ::slotted(div[slot=action]){display:flex;justify-content:end}li.selected{background-color:var(--primary-lighter)}li:hover:not(.disabled){background-color:var(--neutral-white)}";const r=s;const l=class{constructor(i){t(this,i);this.optionSelected=e(this,"optionSelected",7);this.handleOptionClick=t=>{if(this.selectable){this.selected=!this.selected;this.optionSelected.emit(this.value);this.updateIconColor()}else{t.preventDefault();t.stopImmediatePropagation()}};this.value=undefined;this.selected=false;this.selectable=true;this.hovered=false;this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor(`neutral-light`);this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`,50)}componentDidLoad(){this.updateIconColor()}updateIconColor(){const t=this.hostElement.querySelector('[slot="image"] cura-icon');if(t){t.setAttribute("color",this.selected?"primary":"neutral-dark")}}render(){return i(o,{key:"aa4b585c3f67a74d1371430200ad309f74015af6",style:this.styles,slot:"dropdown-search-option"},i("ul",{key:"5413964e5e10e68e4ff2ac30f68f6e22cff6dcc1"},i("li",{key:"3aab9b7d5e3904e57a7310addc4b15a51453d31d",onClick:t=>this.handleOptionClick(t),value:this.value,class:{hovered:this.selectable?this.hovered:false,selected:this.selected,disabled:!this.selectable}},i("slot",{key:"030c06f2e9bcfd0169b8d94c8976cd4b1e25b834",name:"image"}),i("cura-heading",{key:"f5bd16d815a853a41d98aac09517359a5e1b432d",size:"xsmall",lineHeight:"16px",marginBlock:"0px",weight:"bold",color:"neutral-black"},i("slot",{key:"878d1db64dc98c57530adf947cbc216ac1ce1be0"})),i("slot",{key:"81c92fcb864bc8f2324cc353574123705fc386a8",name:"action"}))))}get hostElement(){return a(this)}static get watchers(){return{selected:["updateIconColor"]}}};l.style=r;export{l as cura_dropdown_search_option};
-//# sourceMappingURL=p-c518a91c.entry.js.map

package/dist/cura/p-c518a91c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaDropdownSearchOptionCss","CuraDropdownSearchOptionStyle0","CuraDropdownSearchOption","this","handleOptionClick","e","selectable","selected","optionSelected","emit","value","updateIconColor","preventDefault","stopImmediatePropagation","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","colors","getColor","componentDidLoad","iconElement","hostElement","querySelector","setAttribute","render","h","Host","key","style","slot","onClick","class","hovered","disabled","name","size","lineHeight","marginBlock","weight","color"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n:host(:last-of-type) li  {\n  border-bottom: none;\n}\n\nul {\n  list-style: none;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\nli {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 4px;\n  flex-direction: row;\n  background-color: var(--neutral-purewhite);\n  border-bottom: 1px solid var(--neutral-light);\n  box-sizing: border-box;\n  cursor: pointer;\n\n  &.disabled {\n    cursor: default;\n  }\n\n  &.hovered {\n    background-color: var(--neutral-white);\n  }\n\n  cura-heading {\n    width: 100%;\n    margin-block: 0px;\n  }\n\n  ::slotted(div[slot='image']) {\n    min-width: 32px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  ::slotted(div[slot='action']) {\n    display: flex;\n    justify-content: end;\n  }\n\n  &.selected {\n    background-color: var(--primary-lighter);\n  }\n\n  &:hover:not(.disabled) {\n    background-color: var(--neutral-white);\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option',\n  styleUrl: 'cura-dropdown-search-option.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOption {\n  /**\n   * The value of the dropdown search option.\n   */\n  @Prop({ reflect: true }) value: string;\n\n  /**\n   * Indicates if the dropdown search option is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selectable.\n   */\n  @Prop({ reflect: true }) selectable: boolean = true;\n\n  /**\n   * Indicates if the dropdown search option is hovered.\n   */\n  @Prop({ reflect: true, mutable: true }) hovered: boolean = false;\n\n  @State() styles = {};\n\n  /**\n   * Event emitted when the option is selected.\n   */\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Element() hostElement: HTMLElement;\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);\n  }\n\n  private handleOptionClick = (e: Event) => {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.optionSelected.emit(this.value);\n      this.updateIconColor();\n    } else {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n    }\n  };\n\n  componentDidLoad() {\n    this.updateIconColor();\n  }\n\n  @Watch('selected')\n  private updateIconColor() {\n    const iconElement = this.hostElement.querySelector('[slot=\"image\"] cura-icon');\n    if (iconElement) {\n      iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.styles} slot=\"dropdown-search-option\">\n        <ul>\n          <li\n            onClick={(e) => this.handleOptionClick(e)}\n            value={this.value}\n            class={{\n              hovered: this.selectable ? this.hovered : false,\n              selected: this.selected,\n              disabled: !this.selectable\n            }}\n          >\n            <slot name=\"image\"></slot>\n            <cura-heading size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0px\" weight=\"bold\" color=\"neutral-black\">\n              <slot></slot>\n            </cura-heading>\n            <slot name=\"action\"></slot>\n          </li>\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAA8B,myBACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,wEAwC3BC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,WAAY,CACnBH,KAAKI,UAAYJ,KAAKI,SACtBJ,KAAKK,eAAeC,KAAKN,KAAKO,OAC9BP,KAAKQ,iB,KACA,CACLN,EAAEO,iBACFP,EAAEQ,0B,sCAtCsD,M,gBAKb,K,aAKY,M,YAEzC,E,CAWlB,iBAAAC,GACEX,KAAKY,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CjB,KAAKkB,OAAO,uBAAyBL,OAAOC,QAAQC,MAAMI,OAAOC,SAAS,qBAC1EpB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMI,OAAOC,SAAS,iBACtEpB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMI,OAAOC,SAAS,iBACtEpB,KAAKkB,OAAO,qBAAuBL,OAAOC,QAAQC,MAAMI,OAAOC,SAAS,kBAAmB,G,CAc7F,gBAAAC,GACErB,KAAKQ,iB,CAIC,eAAAA,GACN,MAAMc,EAActB,KAAKuB,YAAYC,cAAc,4BACnD,GAAIF,EAAa,CACfA,EAAYG,aAAa,QAASzB,KAAKI,SAAW,UAAY,e,EAIlE,MAAAsB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO9B,KAAKkB,OAAQa,KAAK,0BAC7BJ,EAAA,MAAAE,IAAA,4CACEF,EAAA,MAAAE,IAAA,2CACEG,QAAU9B,GAAMF,KAAKC,kBAAkBC,GACvCK,MAAOP,KAAKO,MACZ0B,MAAO,CACLC,QAASlC,KAAKG,WAAaH,KAAKkC,QAAU,MAC1C9B,SAAUJ,KAAKI,SACf+B,UAAWnC,KAAKG,aAGlBwB,EAAA,QAAAE,IAAA,2CAAMO,KAAK,UACXT,EAAA,gBAAAE,IAAA,2CAAcQ,KAAK,SAASC,WAAW,OAAOC,YAAY,MAAMC,OAAO,OAAOC,MAAM,iBAClFd,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,a","ignoreList":[]}