@siemens/ix 2.1.1 → 2.1.2

package/dist/siemens-ix/p-e345d0d2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-ea80cb61.js";import{D as h}from"./p-1370a3b4.js";const n=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0.25rem 1rem}";const r=n;const d=class{constructor(e){t(this,e);this.dateRangeChange=i(this,"dateRangeChange",7);this.datePickerTouched=false;this.format="yyyy/LL/dd";this.range=true;this.from=undefined;this.to=undefined;this.minDate=undefined;this.maxDate=undefined;this.dateRangeId="custom";this.customRangeAllowed=true;this.dateRangeOptions=[];this.i18nCustomItem="Custom...";this.i18nDone="Done";this.i18nNoRange="No range set";this.today=h.now().toISO();this.selectedDateRangeId=undefined;this.currentRangeValue=undefined;this.triggerRef=undefined}onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId);this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}onDateRangeOptionsChange(){this.initialize();this.onDateRangeIdChange()}componentWillLoad(){this.initialize();this.setDateRangeSelection(this.dateRangeId)}async getDateRange(){return this.currentRangeValue}initialize(){const t=this.dateRangeId==="custom"||!this.dateRangeId&&!!this.from&&!!this.to;if(t&&this.customRangeAllowed){this.selectedDateRangeId="custom";this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to};return}const i=!t&&!this.from;if(!i){console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".');this.selectedDateRangeId="custom";this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to};return}}onDateSelect(t,i=true){this.dateRangeChange.emit(t);if(i){this.closeDropdown()}this.datePickerTouched=false}onRangeListSelect(t){if(this.setDateRangeSelection(t)){this.onDateSelect(this.currentRangeValue)}}setDateRangeSelection(t){this.selectedDateRangeId=t;const i=this.dateRangeOptions.find((i=>i.id===t));if(i){this.currentRangeValue=i}return i}closeDropdown(){this.hostElement.shadowRoot.querySelector("ix-dropdown").show=false}getButtonLabel(){var t,i;if(this.selectedDateRangeId==="custom"&&((t=this.currentRangeValue)===null||t===void 0?void 0:t.from)){let t=this.currentRangeValue.from;if(this.currentRangeValue.to){t+=` - ${this.currentRangeValue.to}`}return t}if(!this.selectedDateRangeId){return this.i18nNoRange}if(!this.dateRangeOptions||((i=this.dateRangeOptions)===null||i===void 0?void 0:i.length)===0){return this.i18nNoRange}const e=this.dateRangeOptions.find((t=>t.id===this.selectedDateRangeId));if(!e){console.error(`Cannot find range option with id ${this.selectedDateRangeId}`);return this.i18nNoRange}return e.label}render(){var t,i;return e(o,{key:"587a80ff64848ac3072ae04a27573f83e1e11fd8"},e("ix-button",{key:"6fa079d6960402455bcb6b097c459efc77e08d6e","data-date-dropdown-trigger":true,variant:"primary",icon:"history",ref:t=>this.triggerRef=t,class:"button-width"},this.getButtonLabel()),e("ix-dropdown",{key:"dc9435a7533f1dc4d227ec12807f3d13d60161bf","data-date-dropdown":true,class:"min-width max-height",trigger:this.triggerRef,"close-behavior":"outside",placement:"bottom-start",onShowChanged:({detail:t})=>{if(!t&&this.selectedDateRangeId==="custom"&&this.datePickerTouched){this.onDateSelect(this.currentRangeValue)}}},e("ix-layout-grid",{key:"efb1071081dbf2e2a2f913af3c2e7d3ce78aa060","no-margin":"true"},e("ix-row",{key:"7c06508000770f55ff36057a8dae7b6e4b9404f4"},e("ix-col",{key:"ba2ea4063475d9bab8d1790991f7ef8564db9b23",class:{"no-margin":true,"border-right":this.selectedDateRangeId==="custom"}},this.dateRangeOptions.map((t=>e("ix-dropdown-item",{label:t.label,onClick:()=>this.onRangeListSelect(t.id),checked:this.selectedDateRangeId===t.id}))),e("div",{key:"caca9bcebaa6d232b69142762318874e1caa5f75",hidden:!this.customRangeAllowed},e("ix-dropdown-item",{key:"cd086f353be43158775857cd14b61057b1302e34",label:this.i18nCustomItem,checked:this.selectedDateRangeId==="custom",onClick:()=>this.onRangeListSelect("custom")}))),e("ix-col",{key:"8c21ecaaadec975b347848af14f4b63713a14026",class:"no-margin"},this.selectedDateRangeId==="custom"&&e(s,null,e("ix-date-picker",{standaloneAppearance:false,onDateChange:t=>{t.stopPropagation();this.currentRangeValue=Object.assign(Object.assign({},t.detail),{id:"custom"});this.datePickerTouched=true},onDateRangeChange:t=>t.stopPropagation(),format:this.format,range:this.range,from:this.from||((t=this.currentRangeValue)===null||t===void 0?void 0:t.from),to:this.to||((i=this.currentRangeValue)===null||i===void 0?void 0:i.to),minDate:this.minDate,maxDate:this.maxDate,today:this.today}),e("div",{class:"pull-right"},e("ix-button",{onClick:()=>{this.onDateSelect(this.currentRangeValue)}},this.i18nDone))))))))}get hostElement(){return a(this)}static get watchers(){return{dateRangeId:["onDateRangeIdChange"],to:["onDateRangeIdChange"],from:["onDateRangeIdChange"],dateRangeOptions:["onDateRangeOptionsChange"]}}};d.style=r;export{d as ix_date_dropdown};
-//# sourceMappingURL=p-e345d0d2.entry.js.map

package/dist/siemens-ix/p-e345d0d2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dateDropdownCss","IxDateDropdownStyle0","DateDropdown","this","datePickerTouched","DateTime","now","toISO","onDateRangeIdChange","onRangeListSelect","dateRangeId","onDateSelect","from","currentRangeValue","to","id","onDateRangeOptionsChange","initialize","componentWillLoad","setDateRangeSelection","getDateRange","isCustomRange","customRangeAllowed","selectedDateRangeId","isValidConfiguration","console","warn","rangeValue","preserveDropdown","dateRangeChange","emit","closeDropdown","option","dateRangeOptions","find","range","hostElement","shadowRoot","querySelector","show","getButtonLabel","_a","i18nNoRange","_b","length","error","label","render","h","Host","key","variant","icon","ref","triggerRef","class","trigger","placement","onShowChanged","detail","map","dateRangeOption","onClick","checked","hidden","i18nCustomItem","Fragment","standaloneAppearance","onDateChange","e","stopPropagation","Object","assign","onDateRangeChange","format","minDate","maxDate","today","i18nDone"],"sources":["src/components/date-dropdown/date-dropdown.scss?tag=ix-date-dropdown&encapsulation=shadow","src/components/date-dropdown/date-dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  @media (max-width: 48em) {\n    .min-width {\n      width: min-content;\n    }\n  }\n\n  @media (min-width: 48em) {\n    .border-right {\n      border-right: var(--theme-x-weak-bdr-2);\n    }\n  }\n\n  .max-height {\n    max-height: max-content;\n  }\n\n  .no-margin {\n    margin: 0;\n    padding: 0;\n  }\n\n  .pull-right {\n    float: right;\n    padding: $tiny-space $default-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\n\nexport type DateDropdownOption = {\n  id: string;\n  label: string;\n  from: string;\n  to: string;\n};\n\nexport type DateRangeChangeEvent = {\n  id: string;\n  from: string;\n  to: string;\n};\n\n/**\n * @since 2.1.0\n */\n@Component({\n  tag: 'ix-date-dropdown',\n  styleUrl: 'date-dropdown.scss',\n  shadow: true,\n})\nexport class DateDropdown {\n  @Element() hostElement: HTMLIxDateDropdownElement;\n\n  /**\n   * Date format string.\n   * See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.\n   */\n  @Prop() format = 'yyyy/LL/dd';\n\n  /**\n   * If true a range of dates can be selected.\n   */\n  @Prop() range = true;\n\n  /**\n   * Picker date. If the picker is in range mode this property is the start date.\n   * If set to `null` no default start date will be pre-selected.\n   *\n   * Format is based on `format`\n   */\n  @Prop() from: string;\n\n  /**\n   * Picker date. If the picker is in range mode this property is the end date.\n   * If the picker is not in range mode leave this value `null`\n   *\n   * Format is based on `format`\n   */\n  @Prop() to: string;\n\n  /**\n   * The earliest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() minDate: string;\n\n  /**\n   * The latest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() maxDate: string;\n\n  /**\n   * Used to set the initial select date range as well as the button name,\n   * if not set or no according date range label is found, nothing will be selected\n   */\n  @Prop() dateRangeId = 'custom';\n  @Watch('dateRangeId')\n  @Watch('to')\n  @Watch('from')\n  onDateRangeIdChange() {\n    this.onRangeListSelect(this.dateRangeId);\n    this.onDateSelect({\n      from: this.currentRangeValue.from,\n      to: this.currentRangeValue.to,\n      id: this.currentRangeValue.id,\n    });\n  }\n\n  /**\n   * Controls whether the user is allowed to pick custom date ranges in the component.\n   * When set to 'true', the user can select a custom date range using the date picker.\n   * When set to 'false', only predefined time date ranges are available for selection.\n   */\n  @Prop() customRangeAllowed = true;\n\n  /**\n   * An array of predefined date range options for the date picker.\n   * Each option is an object with a label describing the range and a function\n   * that returns the start and end dates of the range as a DateRangeOption object.\n   *\n   * Example format:\n   *   {\n   *     id: 'some unique id',\n   *     label: 'Name of the range',\n   *     from: undefined, to: '2023/03/29'\n   *   },\n   *   // ... other predefined date range options ...\n   */\n  @Prop() dateRangeOptions: DateDropdownOption[] = [];\n  @Watch('dateRangeOptions')\n  onDateRangeOptionsChange() {\n    this.initialize();\n    this.onDateRangeIdChange();\n  }\n\n  /**\n   * Text for custom dropdown item. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-custom-item' }) i18nCustomItem = 'Custom...';\n\n  /**\n   * Text for the done button. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n  /**\n   * Text for the done button. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-no-range' }) i18nNoRange = 'No range set';\n\n  /** @internal */\n  @Prop() today = DateTime.now().toISO();\n\n  /**\n   * EventEmitter for date range change events.\n   *\n   * This event is emitted when the date range changes within the component.\n   * The event payload contains information about the selected date range.\n   */\n  @Event() private dateRangeChange: EventEmitter<DateRangeChangeEvent>;\n\n  @State() private selectedDateRangeId: 'custom' | (string & {});\n  @State() private currentRangeValue: {\n    from: string;\n    to: string;\n    id: string;\n  };\n  @State() private triggerRef: HTMLElement;\n\n  private datePickerTouched = false;\n\n  componentWillLoad() {\n    this.initialize();\n    this.setDateRangeSelection(this.dateRangeId);\n  }\n\n  /**\n   * Retrieves the currently selected date range from the component.\n   * This method returns the selected date range as a `DateChangeEvent` object.\n   */\n  @Method()\n  public async getDateRange(): Promise<DateRangeChangeEvent> {\n    return this.currentRangeValue;\n  }\n\n  private initialize() {\n    const isCustomRange =\n      this.dateRangeId === 'custom' ||\n      (!this.dateRangeId && !!this.from && !!this.to);\n\n    if (isCustomRange && this.customRangeAllowed) {\n      this.selectedDateRangeId = 'custom';\n      this.currentRangeValue = {\n        id: this.selectedDateRangeId,\n        from: this.from,\n        to: this.to,\n      };\n\n      return;\n    }\n    const isValidConfiguration = !isCustomRange && !this.from;\n    if (!isValidConfiguration) {\n      console.warn(\n        '\"from\" and \"range-date-id\" is provided this is an invalid combination. Using \"custom\".'\n      );\n\n      this.selectedDateRangeId = 'custom';\n      this.currentRangeValue = {\n        id: this.selectedDateRangeId,\n        from: this.from,\n        to: this.to,\n      };\n\n      return;\n    }\n  }\n\n  private onDateSelect(\n    rangeValue: { from: string; to: string; id: string },\n    preserveDropdown = true\n  ) {\n    this.dateRangeChange.emit(rangeValue);\n\n    if (preserveDropdown) {\n      this.closeDropdown();\n    }\n\n    this.datePickerTouched = false;\n  }\n\n  private onRangeListSelect(id: string) {\n    if (this.setDateRangeSelection(id)) {\n      this.onDateSelect(this.currentRangeValue);\n    }\n  }\n\n  private setDateRangeSelection(id: string) {\n    this.selectedDateRangeId = id;\n    const option = this.dateRangeOptions.find((range) => range.id === id);\n\n    if (option) {\n      this.currentRangeValue = option;\n    }\n\n    return option;\n  }\n\n  private closeDropdown() {\n    this.hostElement.shadowRoot.querySelector('ix-dropdown').show = false;\n  }\n\n  private getButtonLabel() {\n    if (this.selectedDateRangeId === 'custom' && this.currentRangeValue?.from) {\n      let range = this.currentRangeValue.from;\n\n      if (this.currentRangeValue.to) {\n        range += ` - ${this.currentRangeValue.to}`;\n      }\n\n      return range;\n    }\n\n    if (!this.selectedDateRangeId) {\n      return this.i18nNoRange;\n    }\n\n    if (!this.dateRangeOptions || this.dateRangeOptions?.length === 0) {\n      return this.i18nNoRange;\n    }\n\n    const option = this.dateRangeOptions.find(\n      (option) => option.id === this.selectedDateRangeId\n    );\n\n    if (!option) {\n      console.error(\n        `Cannot find range option with id ${this.selectedDateRangeId}`\n      );\n      return this.i18nNoRange;\n    }\n\n    return option.label;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-button\n          data-date-dropdown-trigger\n          variant=\"primary\"\n          icon=\"history\"\n          ref={(ref) => (this.triggerRef = ref)}\n          class=\"button-width\"\n        >\n          {this.getButtonLabel()}\n        </ix-button>\n        <ix-dropdown\n          data-date-dropdown\n          class=\"min-width max-height\"\n          trigger={this.triggerRef}\n          close-behavior=\"outside\"\n          placement=\"bottom-start\"\n          onShowChanged={({ detail: show }) => {\n            if (\n              !show &&\n              this.selectedDateRangeId === 'custom' &&\n              this.datePickerTouched\n            ) {\n              this.onDateSelect(this.currentRangeValue);\n            }\n          }}\n        >\n          <ix-layout-grid no-margin=\"true\">\n            <ix-row>\n              <ix-col\n                class={{\n                  'no-margin': true,\n                  'border-right': this.selectedDateRangeId === 'custom',\n                }}\n              >\n                {this.dateRangeOptions.map((dateRangeOption) => (\n                  <ix-dropdown-item\n                    label={dateRangeOption.label}\n                    onClick={() => this.onRangeListSelect(dateRangeOption.id)}\n                    checked={this.selectedDateRangeId === dateRangeOption.id}\n                  ></ix-dropdown-item>\n                ))}\n                <div hidden={!this.customRangeAllowed}>\n                  <ix-dropdown-item\n                    label={this.i18nCustomItem}\n                    checked={this.selectedDateRangeId === 'custom'}\n                    onClick={() => this.onRangeListSelect('custom')}\n                  ></ix-dropdown-item>\n                </div>\n              </ix-col>\n              <ix-col class=\"no-margin\">\n                {this.selectedDateRangeId === 'custom' && (\n                  <Fragment>\n                    <ix-date-picker\n                      standaloneAppearance={false}\n                      onDateChange={(e) => {\n                        e.stopPropagation();\n                        this.currentRangeValue = {\n                          ...e.detail,\n                          id: 'custom',\n                        };\n                        this.datePickerTouched = true;\n                      }}\n                      onDateRangeChange={(e) => e.stopPropagation()}\n                      format={this.format}\n                      range={this.range}\n                      from={this.from || this.currentRangeValue?.from}\n                      to={this.to || this.currentRangeValue?.to}\n                      minDate={this.minDate}\n                      maxDate={this.maxDate}\n                      today={this.today}\n                    ></ix-date-picker>\n                    <div class=\"pull-right\">\n                      <ix-button\n                        onClick={() => {\n                          this.onDateSelect(this.currentRangeValue);\n                        }}\n                      >\n                        {this.i18nDone}\n                      </ix-button>\n                    </div>\n                  </Fragment>\n                )}\n              </ix-col>\n            </ix-row>\n          </ix-layout-grid>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-eb6ea42d.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,H as c}from"./p-ea80cb61.js";const o=":host{display:block}";const e=o;const l=class{constructor(t){s(this,t);this.contentVisible=false}render(){return t(c,{key:"861c12c524efa42bdcf52922898ceb4fd367ffb0"},this.contentVisible?t("slot",null):null)}};l.style=e;export{l as ix_flip_tile_content};
-//# sourceMappingURL=p-eb6ea42d.entry.js.map

package/dist/siemens-ix/p-f6691728.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as a,h as e,H as r,g as o}from"./p-ea80cb61.js";import{g as i}from"./p-712e0ee0.js";const s=":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:0.15s;border-radius:1.25rem}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-color-component-3)}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-color-4)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";const n=s;const d=class{constructor(e){t(this,e);this.logoutClick=a(this,"logoutClick",7);this.avatarElementId="ix-menu-avatar-id";this.top=undefined;this.bottom=undefined;this.image=undefined;this.initials=undefined;this.i18nLogout="Logout";this.showLogoutButton=true;this.showContextMenu=false}onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t){return}const a=i(t);this.showContextMenu=a.length!==0}render(){return e(r,{key:"8bf5e46c861e4ecc96e1d60bb264df172eb04d4b",slot:"ix-menu-avatar"},e("button",{key:"0e71ddc336f3479babc631286d2d197b22425b15",class:"nav-item top-item avatar no-hover",title:this.top,id:this.avatarElementId,tabIndex:0},e("ix-avatar",{key:"21e19546cc0c85f08dc55c756257d6837026bbc4",image:this.image,initials:this.initials}),e("div",{key:"ae34c1fbcfb9e3308f7cc30d95eed2936103752e",class:"avatar-name"},e("span",{key:"d0d347700dce04ce30d7d94db555685ae41757a9",class:"text-default-single",title:this.top},this.top),e("span",{key:"421929f8378c77fe75c9b277ad618dbf4e0beb61",class:"text-default-single",title:this.bottom},this.bottom))),e("ix-dropdown",{key:"e6b252824d99d5bd04623cfe9d44748d908f426d",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&!this.showLogoutButton,offset:{mainAxis:16}},e("slot",{key:"b18051f219de8a505fac62c3b50a700e3d9147f0",onSlotchange:()=>this.onSlotChange()}),this.showLogoutButton?e("ix-menu-avatar-item",{label:this.i18nLogout,icon:"log-out",onClick:t=>{this.logoutClick.emit(t)}}):null))}get hostElement(){return o(this)}};d.style=n;export{d as ix_menu_avatar};
-//# sourceMappingURL=p-f6691728.entry.js.map

package/dist/siemens-ix/p-f6691728.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["menuAvatarCss","IxMenuAvatarStyle0","MenuAvatar","this","avatarElementId","onSlotChange","slot","hostElement","shadowRoot","querySelector","elements","getSlottedElements","showContextMenu","length","render","h","Host","key","class","title","top","id","tabIndex","image","initials","bottom","trigger","placement","hidden","showLogoutButton","offset","mainAxis","onSlotchange","label","i18nLogout","icon","onClick","e","logoutClick","emit"],"sources":["src/components/menu-avatar/menu-avatar.scss?tag=ix-menu-avatar&encapsulation=shadow","src/components/menu-avatar/menu-avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  margin-bottom: 0.5rem;\n  margin-right: 0.75rem;\n\n  .avatar {\n    all: unset;\n    box-sizing: border-box;\n\n    display: flex;\n    align-items: center;\n    height: 2.5rem;\n    width: 100%;\n    max-height: 2.5rem;\n    padding-left: 0.25rem;\n    margin-left: 0.41rem;\n    margin-right: 0.35rem;\n    transition: 0.15s;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-color-component-3);\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-color-4);\n    }\n\n    .avatar-name {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      white-space: nowrap;\n      margin-left: $default-space;\n      line-height: 1.14;\n\n      .text-default-single {\n        @include ellipsis;\n      }\n    }\n\n    border-radius: 1.25rem;\n\n    @include hover {\n      background-color: var(--theme-avatar-btn--background--hover);\n      color: var(--theme-avatar-btn--color--hover);\n    }\n\n    @include active {\n      background-color: var(--theme-avatar-btn--background--active);\n      color: var(--theme-avatar-btn--color--active);\n    }\n  }\n\n  .avatar:focus-visible {\n    outline: 1px solid var(--theme-color-focus-bdr);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\n\n@Component({\n  tag: 'ix-menu-avatar',\n  styleUrl: 'menu-avatar.scss',\n  shadow: true,\n})\nexport class MenuAvatar {\n  @Element() hostElement!: HTMLIxMenuAvatarElement;\n\n  /**\n   * First line of text\n   */\n  @Prop() top: string;\n\n  /**\n   * Second line of text\n   */\n  @Prop() bottom: string;\n\n  /**\n   * Display a avatar image\n   *\n   * @since 1.4.0\n   */\n  @Prop() image: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   * @since 1.4.0\n   */\n  @Prop() initials: string;\n\n  /**\n   * Use for translation\n   */\n  @Prop() i18nLogout: string = 'Logout';\n\n  /**\n   *  Control the visibility of the logout button\n   *  @since 2.1.0\n   */\n  @Prop() showLogoutButton: boolean = true;\n\n  /**\n   * Control the visibility of the dropdown menu\n   * @since 2.1.0\n   */\n  @State() showContextMenu: boolean = false;\n\n  /**\n   * Logout click\n   */\n  @Event() logoutClick: EventEmitter;\n\n  private avatarElementId = 'ix-menu-avatar-id';\n\n  onSlotChange() {\n    const slot = this.hostElement.shadowRoot.querySelector('slot');\n    if (!slot) {\n      return;\n    }\n    const elements = getSlottedElements(slot);\n    this.showContextMenu = elements.length !== 0;\n  }\n\n  render() {\n    return (\n      <Host slot=\"ix-menu-avatar\">\n        <button\n          class=\"nav-item top-item avatar no-hover\"\n          title={this.top}\n          id={this.avatarElementId}\n          tabIndex={0}\n        >\n          <ix-avatar image={this.image} initials={this.initials}></ix-avatar>\n\n          <div class=\"avatar-name\">\n            <span class=\"text-default-single\" title={this.top}>\n              {this.top}\n            </span>\n            <span class=\"text-default-single\" title={this.bottom}>\n              {this.bottom}\n            </span>\n          </div>\n        </button>\n        <ix-dropdown\n          trigger={this.hostElement}\n          placement={'right-start'}\n          hidden={!this.showContextMenu && !this.showLogoutButton}\n          offset={{\n            mainAxis: 16,\n          }}\n        >\n          <slot onSlotchange={() => this.onSlotChange()}></slot>\n          {this.showLogoutButton ? (\n            <ix-menu-avatar-item\n              label={this.i18nLogout}\n              icon={'log-out'}\n              onClick={(e) => {\n                this.logoutClick.emit(e);\n              }}\n            ></ix-menu-avatar-item>\n          ) : null}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAgB,kmEACtB,MAAAC,EAAeD,E,MCwBFE,EAAU,M,kEAiDbC,KAAAC,gBAAkB,oB,sGAnBG,S,sBAMO,K,qBAMA,K,CASpC,YAAAC,GACE,MAAMC,EAAOH,KAAKI,YAAYC,WAAWC,cAAc,QACvD,IAAKH,EAAM,CACT,M,CAEF,MAAMI,EAAWC,EAAmBL,GACpCH,KAAKS,gBAAkBF,EAASG,SAAW,C,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACX,KAAK,kBACTS,EAAA,UAAAE,IAAA,2CACEC,MAAM,oCACNC,MAAOhB,KAAKiB,IACZC,GAAIlB,KAAKC,gBACTkB,SAAU,GAEVP,EAAA,aAAAE,IAAA,2CAAWM,MAAOpB,KAAKoB,MAAOC,SAAUrB,KAAKqB,WAE7CT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,MAAOhB,KAAKiB,KAC3CjB,KAAKiB,KAERL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,MAAOhB,KAAKsB,QAC3CtB,KAAKsB,UAIZV,EAAA,eAAAE,IAAA,2CACES,QAASvB,KAAKI,YACdoB,UAAW,cACXC,QAASzB,KAAKS,kBAAoBT,KAAK0B,iBACvCC,OAAQ,CACNC,SAAU,KAGZhB,EAAA,QAAAE,IAAA,2CAAMe,aAAc,IAAM7B,KAAKE,iBAC9BF,KAAK0B,iBACJd,EAAA,uBACEkB,MAAO9B,KAAK+B,WACZC,KAAM,UACNC,QAAUC,IACRlC,KAAKmC,YAAYC,KAAKF,EAAE,IAG1B,M"}

package/dist/siemens-ix/p-fe760d17.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as s}from"./p-ea80cb61.js";const a=":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";const o=a;const i=class{constructor(t){e(this,t)}render(){return t(s,{key:"80c2129a12f6f9e3791ef200fc023be50e462123"},t("ix-spinner",{key:"219e4c39e89e9280794db9feea031cb92154cb15",variant:"primary"}),t("span",{key:"5f652d8ee2de0438f635938564264380a0ad7e0d",class:"loading-text"},t("slot",{key:"c780d132e75994f7d12088e2e1d273cc02fc7de0"})))}};i.style=o;export{i as ix_modal_loading};
-//# sourceMappingURL=p-fe760d17.entry.js.map