@siemens/ix 2.0.0-beta.0 → 2.0.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["paginationCss","Pagination","this","maxCountPages","pageInput","hostElement","querySelector","selectPage","index","selectedPage","count","pageSelected","emit","increase","decrease","getPageButton","h","variant","onClick","selected","renderPageButtons","pagesBeforeOverflow","Math","floor","hasOverflow","hasOverflowStart","hasOverflowEnd","pageButtons","start","end","min","pageCount","push","max","i","class","render","Host","disabled","ghost","icon","advanced","i18nPage","type","value","onChange","e","Number","parseInt","target","i18nOf","showItemCount","i18nItems","hideListHeader","i18nPlaceholder","i18nSelectListHeader","itemCount","onItemSelectionChange","detail","itemCountChanged","label"],"sources":["./src/components/pagination/pagination.scss?tag=ix-pagination&encapsulation=scoped","./src/components/pagination/pagination.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 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\n:host {\n  &,\n  .advanced-pagination,\n  .item-count {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .basic-pagination {\n    padding: 0 0.125rem;\n  }\n\n  .advanced-pagination {\n    padding: 0 $medium-space;\n  }\n\n  input {\n    width: 4.125rem;\n    text-align: center;\n    margin: 0 $small-space;\n  }\n\n  .page-buttons {\n    white-space: nowrap;\n  }\n\n  .total-count {\n    white-space: nowrap;\n  }\n\n  .item-count {\n    flex-grow: 1;\n    justify-content: flex-end;\n    margin-inline-start: $large-space;\n\n    ix-select {\n      width: 4.5rem;\n      margin-inline-start: $large-space;\n    }\n  }\n\n  ix-index-button + ix-index-button {\n    margin-inline-start: 0.125rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2022 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  h,\n  Host,\n  Prop,\n} from '@stencil/core';\n\n/**\n * @since 1.5.0\n */\n@Component({\n  tag: 'ix-pagination',\n  styleUrl: 'pagination.scss',\n  scoped: true,\n})\nexport class Pagination {\n  private readonly maxCountPages = 7;\n\n  @Element() hostElement!: HTMLIxPaginationElement;\n\n  /**\n   * Advanced mode\n   */\n  @Prop() advanced: boolean;\n\n  /**\n   * Number of items shown at once.\n   * Can only be changed in advaced mode.\n   */\n  @Prop() itemCount = 15;\n\n  /**\n   * Show item count in advanced mode\n   */\n  @Prop() showItemCount = true;\n\n  /**\n   * Total number of pages\n   */\n  @Prop() count: number;\n\n  /**\n   * Zero based index of currently selected page\n   */\n  @Prop({ mutable: true }) selectedPage = 0;\n\n  /**\n   * i18n\n   */\n  @Prop() i18nPage = 'Page';\n\n  /**\n   * i18n\n   */\n  @Prop() i18nOf = 'of';\n\n  /**\n  /**\n   * i18n\n   */\n  @Prop() i18nItems = 'Items';\n\n  /**\n   * Page selection event\n   */\n  @Event() pageSelected: EventEmitter<number>;\n\n  /**\n   * Item count change event\n   */\n  @Event() itemCountChanged: EventEmitter<number>;\n\n  get pageInput() {\n    return this.hostElement.querySelector(\n      '.advanced-pagination input.form-control'\n    );\n  }\n\n  private selectPage(index: number) {\n    if (index < 0) {\n      this.selectedPage = 0;\n    } else if (index > this.count - 1) {\n      this.selectedPage = this.count - 1;\n    } else {\n      this.selectedPage = index;\n    }\n\n    this.pageSelected.emit(this.selectedPage);\n  }\n\n  private increase() {\n    if (this.selectedPage === this.count - 1) {\n      return;\n    }\n\n    this.selectPage(this.selectedPage + 1);\n  }\n\n  private decrease() {\n    if (this.selectedPage === 0) {\n      return;\n    }\n\n    this.selectPage(this.selectedPage - 1);\n  }\n\n  private getPageButton(index: number) {\n    return (\n      <ix-index-button\n        variant=\"primary\"\n        onClick={() => {\n          this.selectPage(index);\n        }}\n        selected={this.selectedPage === index}\n      >\n        {index + 1}\n      </ix-index-button>\n    );\n  }\n\n  private renderPageButtons() {\n    const pagesBeforeOverflow = Math.floor(this.maxCountPages / 2);\n    const hasOverflow = this.count > this.maxCountPages;\n    const hasOverflowStart =\n      hasOverflow && this.selectedPage > pagesBeforeOverflow;\n    const hasOverflowEnd =\n      hasOverflow && this.selectedPage < this.count - pagesBeforeOverflow - 1;\n    const pageButtons = [];\n\n    let start = 0;\n    let end = Math.min(this.count, this.maxCountPages);\n    let pageCount = Math.floor((this.maxCountPages - 4) / 2);\n\n    if (hasOverflowStart) {\n      pageButtons.push(this.getPageButton(0));\n      pageButtons.push(\n        <ix-index-button\n          variant=\"secondary\"\n          onClick={() => {\n            if (hasOverflowEnd) {\n              this.selectPage(\n                this.selectedPage - Math.max(0, 2 * pageCount + 1)\n              );\n            } else {\n              this.selectPage(this.count - this.maxCountPages);\n            }\n          }}\n        >\n          ...\n        </ix-index-button>\n      );\n\n      if (hasOverflowEnd) {\n        start = this.count - this.maxCountPages + 2;\n      } else {\n        start = this.count - this.maxCountPages + 2;\n        end = this.count;\n      }\n    }\n\n    if (hasOverflowEnd) {\n      if (hasOverflowStart) {\n        start = this.selectedPage - pageCount;\n        end = this.selectedPage + pageCount + 1;\n      } else {\n        end = this.maxCountPages - 2;\n      }\n    }\n\n    for (let i = start; i < end; i++) {\n      pageButtons.push(this.getPageButton(i));\n    }\n\n    if (hasOverflowEnd) {\n      pageButtons.push(\n        <ix-index-button\n          variant=\"secondary\"\n          onClick={() => {\n            if (hasOverflowStart) {\n              this.selectPage(\n                this.selectedPage + Math.max(0, 2 * pageCount + 1)\n              );\n            } else {\n              this.selectPage(this.maxCountPages - 1);\n            }\n          }}\n        >\n          ...\n        </ix-index-button>\n      );\n      pageButtons.push(this.getPageButton(this.count - 1));\n    }\n\n    return <span class=\"page-buttons\">{pageButtons}</span>;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-icon-button\n          disabled={this.selectedPage === 0}\n          ghost\n          icon=\"chevron-left-small\"\n          onClick={() => this.decrease()}\n        ></ix-icon-button>\n\n        {this.advanced ? (\n          <div class=\"advanced-pagination\">\n            {this.i18nPage}\n            <input\n              class=\"form-control\"\n              type=\"number\"\n              min=\"1\"\n              max={this.count}\n              value={this.selectedPage + 1}\n              onChange={(e) => {\n                const index = Number.parseInt(e.target['value']);\n                this.selectPage(index - 1);\n              }}\n            />\n            <span class=\"total-count\">\n              {this.i18nOf} {this.count}\n            </span>\n          </div>\n        ) : (\n          <span class=\"basic-pagination\">{this.renderPageButtons()} </span>\n        )}\n\n        <ix-icon-button\n          disabled={this.selectedPage === this.count - 1}\n          ghost\n          icon=\"chevron-right-small\"\n          onClick={() => this.increase()}\n        ></ix-icon-button>\n\n        {this.advanced && this.showItemCount ? (\n          <span class=\"item-count\">\n            {this.i18nItems}\n            <ix-select\n              hideListHeader\n              i18nPlaceholder=\"\"\n              i18nSelectListHeader=\"\"\n              selected-indices={this.itemCount}\n              onItemSelectionChange={(e) => {\n                const count = Number.parseInt(e.detail[0]);\n                this.itemCountChanged.emit(count);\n              }}\n            >\n              <ix-select-item label=\"10\" value=\"10\"></ix-select-item>\n              <ix-select-item label=\"15\" value=\"15\"></ix-select-item>\n              <ix-select-item label=\"20\" value=\"20\"></ix-select-item>\n              <ix-select-item label=\"40\" value=\"40\"></ix-select-item>\n              <ix-select-item label=\"100\" value=\"100\"></ix-select-item>\n            </ix-select>\n          </span>\n        ) : (\n          ''\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as o}from"./p-b899b25b.js";import{f as r,i as h,s as n,o as d,a,c as l}from"./p-45738e84.js";const c=":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:50vh;overflow-y:auto}:host(:not(.show)){display:none}";const m=new Map;let u=0;const f=class{constructor(e){t(this,e);this.showChanged=i(this,"showChanged",7);this.autoUpdateCleanup=null;this.localUId=`dropdown-${u++}-${(new Date).valueOf()}`;this.suppressAutomaticPlacement=false;this.show=false;this.trigger=undefined;this.anchor=undefined;this.closeBehavior="both";this.placement="bottom-start";this.positioningStrategy="fixed";this.header=undefined;this.offset=undefined;this.triggerEvent="click";this.overwriteDropdownStyle=undefined;this.toggleBind=this.toggle.bind(this);this.openBind=this.open.bind(this);if(m.has(this.localUId)){console.warn("Dropdown with duplicated id detected")}m.set(this.localUId,this.close.bind(this))}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}addEventListenersFor(t){switch(t){case"click":if(this.closeBehavior==="outside"){this.triggerElement.addEventListener("click",this.openBind)}else{this.triggerElement.addEventListener("click",this.toggleBind)}break;case"hover":this.triggerElement.addEventListener("mouseenter",this.openBind);break;case"focus":this.triggerElement.addEventListener("focusin",this.openBind);break}}removeEventListenersFor(t,i){switch(t){case"click":if(this.closeBehavior==="outside"){i.removeEventListener("click",this.openBind)}else{i.removeEventListener("click",this.toggleBind)}break;case"hover":i.removeEventListener("mouseenter",this.openBind);break;case"focus":i.removeEventListener("focusin",this.openBind);break}}async registerListener(t){this.triggerElement=await this.resolveElement(t);if(this.triggerElement){if(Array.isArray(this.triggerEvent)){this.triggerEvent.forEach((t=>{this.addEventListenersFor(t)}))}else{this.addEventListenersFor(this.triggerEvent)}}}async unregisterListener(t){const i=await this.resolveElement(t);if(Array.isArray(this.triggerEvent)){this.triggerEvent.forEach((t=>{this.removeEventListenersFor(t,i)}))}else{this.removeEventListenersFor(this.triggerEvent,i)}}resolveElement(t){if(typeof t!=="string"){return Promise.resolve(t)}const i=`#${t}`;return new Promise((t=>{if(document.querySelector(i)){return t(document.querySelector(i))}const e=new MutationObserver((()=>{if(document.querySelector(i)){t(document.querySelector(i));e.disconnect()}}));e.observe(document.body,{childList:true,subtree:true})}))}async changedShow(t){if(t){this.anchorElement=await(this.anchor?this.resolveElement(this.anchor):this.resolveElement(this.trigger));if(this.anchorElement){this.applyDropdownPosition()}}if(t){m.forEach(((t,i)=>{if(i!==this.localUId&&!this.isAnchorSubmenu()){t()}}))}}changedTrigger(t,i){if(t){this.registerListener(t)}if(i){this.unregisterListener(i)}}clickOutside(t){var i,e;const s=t.target;if(this.show===false||this.closeBehavior===false||((i=this.anchorElement)===null||i===void 0?void 0:i.contains(s))||((e=this.triggerElement)===null||e===void 0?void 0:e.contains(s))){return}switch(this.closeBehavior){case"outside":if(!this.dropdownRef.contains(s)){this.close(t)}break;case"inside":if(this.dropdownRef.contains(s)&&this.hostElement!==s){this.close(t)}break;case"both":if(this.hostElement!==s){this.close(t)}break;default:this.close(t)}}keydown(t){if(this.show===true&&t.code==="Escape"){this.close()}}isNestedDropdown(t){return t.closest("ix-dropdown")}isAnchorSubmenu(){var t;const i=(t=this.anchorElement)===null||t===void 0?void 0:t.closest("ix-dropdown-item");if(!i){return false}return true}toggle(t){t===null||t===void 0?void 0:t.preventDefault();if(this.isNestedDropdown(t.target)){t===null||t===void 0?void 0:t.stopPropagation()}this.show=!this.show;this.showChanged.emit(this.show)}open(t){t===null||t===void 0?void 0:t.preventDefault();if(this.isNestedDropdown(t.target)){t===null||t===void 0?void 0:t.stopPropagation()}this.show=true;this.showChanged.emit(true)}close(t){if(t===null||t===void 0?void 0:t.defaultPrevented){const i=t.target;if(i.contains(this.anchorElement)||i.contains(this.triggerElement)||i.shadowRoot.contains(this.anchorElement)||i.shadowRoot.contains(this.triggerElement))return}this.show=false;this.showChanged.emit(false)}async applyDropdownPosition(){if(!this.anchorElement){return}if(!this.dropdownRef){return}const t=this.isAnchorSubmenu();let i={strategy:this.positioningStrategy,middleware:[]};if(!this.suppressAutomaticPlacement){i.middleware.push(r({fallbackStrategy:"initialPlacement"}))}i.placement=t?"right-start":this.placement;i.middleware=[...i.middleware,h(),n()];if(this.offset){i.middleware.push(d(this.offset))}if(this.autoUpdateCleanup){this.autoUpdateCleanup();this.autoUpdateCleanup=null}this.autoUpdateCleanup=a(this.anchorElement,this.dropdownRef,(async()=>{const t=await l(this.anchorElement,this.dropdownRef,i);Object.assign(this.dropdownRef.style,{top:"0",left:"0",transform:`translate(${Math.round(t.x)}px,${Math.round(t.y)}px)`});if(this.overwriteDropdownStyle){const t=await this.overwriteDropdownStyle({dropdownRef:this.dropdownRef,triggerRef:this.triggerElement});Object.assign(this.dropdownRef.style,t)}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}async componentDidLoad(){if(this.trigger){this.changedTrigger(this.trigger,null)}}async componentDidRender(){var t;await this.applyDropdownPosition();this.anchorElement=await(this.anchor?this.resolveElement(this.anchor):this.resolveElement(this.trigger));if(this.isAnchorSubmenu()&&((t=this.anchorElement)===null||t===void 0?void 0:t.tagName)==="IX-DROPDOWN-ITEM"){this.anchorElement.isSubMenu=true}}disconnectedCallback(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(m.has(this.localUId)){m.delete(this.localUId)}}async updatePosition(){this.applyDropdownPosition()}render(){return e(s,{ref:t=>this.dropdownRef=t,class:{"dropdown-menu":true,show:this.show,overflow:true},style:{margin:"0",minWidth:"0px",position:this.positioningStrategy},role:"list"},e("div",{style:{display:"contents"}},this.header?e("div",{class:"dropdown-header"},this.header):"",e("slot",null)))}get hostElement(){return o(this)}static get watchers(){return{show:["changedShow"],trigger:["changedTrigger"]}}};f.style=c;const p="data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>chevron-right-small</title><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(187.520000, 134.186667)'><polygon id='arrowhead-right' points='30.2933333 243.626667 0 213.333333 91.7333333 121.813333 0 30.2933333 30.2933333 0 151.893333 121.813333'/></g></g></svg>";const w=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem - 0.125rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem - 0.125rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.25rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.25rem;color:var(--theme-color-soft-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .dropdown-item:focus-visible{outline:1px solid yellow}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem - 0.125rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem - 0.125rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}";const g=class{constructor(e){t(this,e);this.itemClick=i(this,"itemClick",7);this.label=undefined;this.icon=undefined;this.hover=false;this.disabled=false;this.checked=false;this.isSubMenu=false;this.suppressChecked=false}async emitItemClick(){this.itemClick.emit(this.hostElement)}isIconOnly(){return this.label===undefined&&this.hostElement.innerText===""&&this.icon!==undefined}render(){return e(s,{class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu},role:"listitem"},e("button",{type:"button",tabIndex:0,class:{"dropdown-item":true,"no-checked-field":this.suppressChecked},onClick:()=>this.emitItemClick()},!this.suppressChecked?e("div",{class:"dropdown-item-checked"},this.checked?e("ix-icon",{class:"checkmark",name:"single-check",size:"16"}):null):null,this.icon?e("ix-icon",{class:"dropdown-item-icon",name:this.icon}):null,e("div",{class:"dropdown-item-text"},this.label,e("slot",null)),this.isSubMenu?e("ix-icon",{name:p,class:"submenu-icon"}):null))}get hostElement(){return o(this)}};g.style=w;export{f as ix_dropdown,g as ix_dropdown_item};
-//# sourceMappingURL=p-fe073f2a.entry.js.map