@trendyol/baklava 2.0.0-beta.40 → 2.0.0-beta.42

package/dist/assets/close.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.540726 0.540726C1.26169 -0.180242 2.43061 -0.180242 3.15158 0.540726L12 9.38914L20.8484 0.540726C21.5694 -0.180242 22.7383 -0.180242 23.4593 0.540726C24.1802 1.26169 24.1802 2.43061 23.4593 3.15158L14.6109 12L23.4593 20.8484C24.1802 21.5694 24.1802 22.7383 23.4593 23.4593C22.7383 24.1802 21.5694 24.1802 20.8484 23.4593L12 14.6109L3.15158 23.4593C2.43061 24.1802 1.26169 24.1802 0.540726 23.4593C-0.180242 22.7383 -0.180242 21.5694 0.540726 20.8484L9.38914 12L0.540726 3.15158C-0.180242 2.43061 -0.180242 1.26169 0.540726 0.540726Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.45061 2.45061C3.05141 1.8498 4.02551 1.8498 4.62632 2.45061L12 9.82429L19.3737 2.45061C19.9745 1.8498 20.9486 1.8498 21.5494 2.45061C22.1502 3.05141 22.1502 4.02551 21.5494 4.62632L14.1757 12L21.5494 19.3737C22.1502 19.9745 22.1502 20.9486 21.5494 21.5494C20.9486 22.1502 19.9745 22.1502 19.3737 21.5494L12 14.1757L4.62632 21.5494C4.02551 22.1502 3.05141 22.1502 2.45061 21.5494C1.8498 20.9486 1.8498 19.9745 2.45061 19.3737L9.82429 12L2.45061 4.62632C1.8498 4.02551 1.8498 3.05141 2.45061 2.45061Z" fill="currentColor"/>
 </svg>

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-BUIS2EQI.js";import{a as l}from"./chunk-HF5CPTQT.js";import{a as d}from"./chunk-A25HQAVJ.js";import{a as n}from"./chunk-GBFJ2WUI.js";import{a as m}from"./chunk-KWTSWXUL.js";import{a as s}from"./chunk-C5HFLPOK.js";import{a as f}from"./chunk-EX6STMCI.js";import{a as p}from"./chunk-IDG5M2QP.js";import{a as u}from"./chunk-7FCUFV6V.js";import"./chunk-VNGNBBSS.js";import{a as B}from"./chunk-SI4AOUS5.js";import{a as r}from"./chunk-54XXQVFL.js";import{a as x}from"./chunk-KXWO7VUG.js";import"./chunk-KQBKSEYJ.js";import{a as i}from"./chunk-N5Q3PK3Z.js";import{a}from"./chunk-HUFJDENF.js";import"./chunk-2TVOKUHE.js";import"./chunk-ENFFFE4I.js";import{a as o,b as t,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{B as BlAlert,r as BlBadge,a as BlButton,x as BlCheckbox,i as BlDialog,e as BlIcon,l as BlInput,c as BlPagination,d as BlProgressIndicator,n as BlSelect,m as BlSelectOption,f as BlTab,s as BlTabGroup,p as BlTabPanel,u as BlTooltip,t as getIconPath,o as setIconPath};
+import{a as c}from"./chunk-3ZCWE6JC.js";import{a as l}from"./chunk-HF5CPTQT.js";import{a as d}from"./chunk-A25HQAVJ.js";import{a as n}from"./chunk-GBFJ2WUI.js";import{a as m}from"./chunk-KWTSWXUL.js";import{a as s}from"./chunk-C5HFLPOK.js";import{a as f}from"./chunk-EX6STMCI.js";import{a as p}from"./chunk-IDG5M2QP.js";import{a as u}from"./chunk-7FCUFV6V.js";import"./chunk-VNGNBBSS.js";import{a as B}from"./chunk-SI4AOUS5.js";import{a as r}from"./chunk-54XXQVFL.js";import{a as x}from"./chunk-KXWO7VUG.js";import"./chunk-KQBKSEYJ.js";import{a as i}from"./chunk-N5Q3PK3Z.js";import{a}from"./chunk-HUFJDENF.js";import"./chunk-2TVOKUHE.js";import"./chunk-ENFFFE4I.js";import{a as o,b as t,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{B as BlAlert,r as BlBadge,a as BlButton,x as BlCheckbox,i as BlDialog,e as BlIcon,l as BlInput,c as BlPagination,d as BlProgressIndicator,n as BlSelect,m as BlSelectOption,f as BlTab,s as BlTabGroup,p as BlTabPanel,u as BlTooltip,t as getIconPath,o as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/chunk-3ZCWE6JC.js

@@ -0,0 +1,46 @@
+import{a as h}from"./chunk-23UFIOHV.js";import{a as p,b as r,f as u,g as c,h as s,i as g}from"./chunk-HG7OBTQS.js";import{a}from"./chunk-NZ3RGSR6.js";var m=p`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\B7 \\B7 \\B7';color:var(--bl-color-secondary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`,o=m;var t=class extends u{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=10;this.hasJumper=!1;this.jumperLabel="Go To";this.hasSelect=!1;this.selectLabel="Show";this.itemsPerPageOptions=[{text:"10 Items",value:10},{text:"25 Items",value:25},{text:"50 Items",value:50},{text:"100 Items",value:100}];this.pages=[]}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("resize",()=>this._paginate())})}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this._paginate)}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&(this._paginate(),this.onChange({selectedPage:this.currentPage,prevPage:e.get("currentPage")}))}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(i,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){this.currentPage=e}_pageBack(){this.currentPage!==1&&this.currentPage--}_pageForward(){this.currentPage!==this._getLastPage()&&this.currentPage++}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){let i=+e.target.value,l=i>0?Math.min(this._getLastPage(),i):1;this._changePage(l)}_selectHandler(e){var i;this.itemsPerPage=((i=e==null?void 0:e.detail[0])==null?void 0:i.value)||100,this.currentPage=1}_renderSinglePage(e){return typeof e=="string"?r`<span class="dots"></span>`:r` <li>
+      <bl-button
+        @click="${()=>this._changePage(e)}"
+        variant=${this.currentPage===e?"primary":"tertiary"}
+        kind="neutral"
+      >
+        ${e}
+      </bl-button>
+    </li>`}renderPages(){return r`
+      <div class="page-container">
+        <bl-button
+          @click="${this._pageBack}"
+          variant="tertiary"
+          kind="neutral"
+          icon="arrow_left"
+          class="previous"
+          ?disabled=${this.currentPage===1}
+        ></bl-button>
+        <ul class="page-list">
+          ${window.innerWidth<768?r`${this._renderSinglePage(this.currentPage)}`:this.pages.map(e=>r`${this._renderSinglePage(e)}`)}
+        </ul>
+        <bl-button
+          @click="${this._pageForward}"
+          variant="tertiary"
+          kind="neutral"
+          icon="arrow_right"
+          class="next"
+          ?disabled=${this.currentPage===this._getLastPage()}
+        ></bl-button>
+      </div>
+    `}render(){let e=this.hasSelect?r`
+          <div class="select">
+            <label>${this.selectLabel}</label>
+            <bl-select @bl-select="${this._selectHandler}">
+              ${this.itemsPerPageOptions.map(n=>r`<bl-select-option
+                  value="${n.value}"
+                  ?selected=${n.value===this.itemsPerPage}
+                  >${n.text}</bl-select-option
+                >`)}
+            </bl-select>
+          </div>
+        `:null,i=this.hasJumper?r` <div class="jumper">
+          <label>${this.jumperLabel}</label>
+          <bl-input value="${this.currentPage}" @bl-change="${this._inputHandler}"></bl-input>
+        </div>`:null;return r` <div class="pagination">${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return r` <div class="pagination-helpers">${e} ${i}</div> `})()} ${this.renderPages()}</div>`}};a([s({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),a([s({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),a([s({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),a([s({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),a([s({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),a([s({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),a([s({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),a([s({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),a([g()],t.prototype,"pages",2),a([h("bl-change")],t.prototype,"onChange",2),t=a([c("bl-pagination")],t);export{t as a};
+//# sourceMappingURL=chunk-3ZCWE6JC.js.map

package/dist/chunk-3ZCWE6JC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\\\B7 \\\\B7 \\\\B7';color:var(--bl-color-secondary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport '../input/bl-input';\nimport '../select/bl-select';\n\nimport style from './bl-pagination.css';\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement('bl-pagination')\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: 'current-page', type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: 'total-items', type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: 'items-per-page', type: Number, reflect: true })\n  itemsPerPage = 10;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: 'has-jumper', type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: 'jumper-label', type: String })\n  jumperLabel = 'Go To';\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'has-select', type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'select-label', type: String })\n  selectLabel = 'Show';\n\n  /**\n   * Sets the items per page options of the select element\n   *  PROPERTY\n   */\n  @property({ type: Array, attribute: false })\n  itemsPerPageOptions = [\n    {\n      text: '10 Items',\n      value: 10,\n    },\n    {\n      text: '25 Items',\n      value: 25,\n    },\n    {\n      text: '50 Items',\n      value: 50,\n    },\n    {\n      text: '100 Items',\n      value: 100,\n    },\n  ];\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event('bl-change') private onChange: EventDispatcher<{ selectedPage: number; prevPage: number }>;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    setTimeout(() => {\n      window?.addEventListener('resize', () => this._paginate());\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window?.removeEventListener('resize', this._paginate);\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (\n      changedProperties.has('currentPage') ||\n      changedProperties.has('itemsPerPage') ||\n      changedProperties.has('totalItems')\n    ) {\n      this._paginate();\n      this.onChange({\n        selectedPage: this.currentPage,\n        prevPage: changedProperties.get('currentPage'),\n      });\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, '...');\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push('...', this.currentPage - 1, this.currentPage, this.currentPage + 1, '...');\n    } else {\n      this.pages.push(\n        '...',\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(page: number): void {\n    this.currentPage = page;\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this.currentPage--;\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this.currentPage++;\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = event?.detail[0]?.value || 100;\n    this.currentPage = 1;\n  }\n\n  private _renderSinglePage(page: number | string) {\n    if (typeof page === 'string') {\n      return html`<span class=\"dots\"></span>`;\n    }\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? 'primary' : 'tertiary'}\n        kind=\"neutral\"\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${window.innerWidth < 768\n            ? html`${this._renderSinglePage(this.currentPage)}`\n            : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const selectEl = this.hasSelect\n      ? html`\n          <div class=\"select\">\n            <label>${this.selectLabel}</label>\n            <bl-select @bl-select=\"${this._selectHandler}\">\n              ${this.itemsPerPageOptions.map(option => {\n                return html`<bl-select-option\n                  value=\"${option.value}\"\n                  ?selected=${option.value === this.itemsPerPage}\n                  >${option.text}</bl-select-option\n                >`;\n              })}\n            </bl-select>\n          </div>\n        `\n      : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${this.jumperLabel}</label>\n          <bl-input value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n    };\n\n    return html` <div class=\"pagination\">${getHelperElements()} ${this.renderPages()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-pagination': BlPagination;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "r", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "page", "event", "inputValue", "newPage", "_a", "$", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t", "n"]
+}

package/dist/components/pagination/bl-pagination.d.ts

@@ -2,6 +2,10 @@ import { CSSResultGroup, LitElement, TemplateResult, PropertyValues } from 'lit'
 import '../button/bl-button';
 import '../input/bl-input';
 import '../select/bl-select';
+/**
+ * @tag bl-pagination
+ * @summary Baklava Pagination component
+ */
 export default class BlPagination extends LitElement {
     static get styles(): CSSResultGroup;
     /**
@@ -33,14 +37,20 @@ export default class BlPagination extends LitElement {
      */
     selectLabel: string;
     /**
-     *  Sets the option texts.
+     * Sets the items per page options of the select element
+     *  PROPERTY
      */
-    optionText: string;
+    itemsPerPageOptions: {
+        text: string;
+        value: number;
+    }[];
     private pages;
     /**
      * Fires when the current page changes
      */
     private onChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     updated(changedProperties: PropertyValues<this>): void;
     private _paginate;
     private _changePage;
@@ -49,7 +59,7 @@ export default class BlPagination extends LitElement {
     private _getLastPage;
     private _inputHandler;
     private _selectHandler;
-    private renderSinglePage;
+    private _renderSinglePage;
     private renderPages;
     render(): TemplateResult;
 }

package/dist/components/pagination/bl-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/bl-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvF,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AA6B7B,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,WAAW,SAAK;IAEhB;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAU;IAErB;;OAEG;IAEH,UAAU,SAAW;IAEZ,OAAO,CAAC,KAAK,CAA8B;IAEpD;;OAEG;IACiB,OAAO,CAAC,QAAQ,CAA8D;IAElG,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAU/C,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,WAAW;IA0BnB,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"bl-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/bl-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvF,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAI7B;;;GAGG;AAGH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,WAAW,SAAK;IAEhB;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAU;IAErB;;;OAGG;IAEH,mBAAmB;;;QAiBjB;IAEO,OAAO,CAAC,KAAK,CAA8B;IAEpD;;OAEG;IACiB,OAAO,CAAC,QAAQ,CAA8D;IAElG,iBAAiB;IAQjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAc/C,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,WAAW;IA4BnB,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/pagination/bl-pagination.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-BUIS2EQI.js";import"../../chunk-HF5CPTQT.js";import"../../chunk-GBFJ2WUI.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-HUFJDENF.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-3ZCWE6JC.js";import"../../chunk-HF5CPTQT.js";import"../../chunk-GBFJ2WUI.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-HUFJDENF.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

package/dist/custom-elements.json

@@ -745,7 +745,7 @@
               "type": {
                 "text": "number"
               },
-              "default": "100",
+              "default": "10",
               "description": "Sets the number of items per page",
               "fieldName": "itemsPerPage"
             },
@@ -784,15 +784,6 @@
               "default": "'Show'",
               "description": "Adds select element to choose the items per page",
               "fieldName": "selectLabel"
-            },
-            {
-              "name": "option-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Items'",
-              "description": "Sets the option texts.",
-              "fieldName": "optionText"
             }
           ],
           "superclass": {
@@ -800,6 +791,7 @@
             "package": "lit"
           },
           "tagName": "bl-pagination",
+          "summary": "Baklava Pagination component",
           "customElement": true
         }
       ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.40",
+  "version": "2.0.0-beta.42",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",

package/dist/chunk-BUIS2EQI.js

@@ -1,48 +0,0 @@
-import{a as h}from"./chunk-23UFIOHV.js";import{a as p,b as a,f as u,g,h as s,i as c}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var m=p`:host{width:max-content}.pagination{display:flex}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\B7 \\B7 \\B7';color:var(--bl-color-secondary)}.pagination-helpers{display:flex;align-items:center;margin-right:var(--bl-size-s);gap:var(--bl-size-m)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}`,o=m;var b=[{text:"100",value:100},{text:"250",value:250},{text:"500",value:500},{text:"1000",value:1e3}],t=class extends u{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=100;this.hasJumper=!1;this.jumperLabel="Go To";this.hasSelect=!1;this.selectLabel="Show";this.optionText="Items";this.pages=[]}static get styles(){return[o]}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&(this._paginate(),this.onChange({selectedPage:this.currentPage,prevPage:e.get("currentPage")}))}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(i,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){this.currentPage=e}_pageBack(){this.currentPage!==1&&this.currentPage--}_pageForward(){this.currentPage!==this._getLastPage()&&this.currentPage++}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){let i=+e.target.value,l=i>0?Math.min(this._getLastPage(),i):1;this._changePage(l)}_selectHandler(e){var i;this.itemsPerPage=((i=e==null?void 0:e.detail[0])==null?void 0:i.value)||100,this.currentPage=1}renderSinglePage(e){return typeof e=="string"?a`<span class="dots"></span>`:a` <li>
-      <bl-button
-        @click="${()=>this._changePage(e)}"
-        variant=${this.currentPage===e?"primary":"tertiary"}
-        kind="neutral"
-      >
-        ${e}
-      </bl-button>
-    </li>`}renderPages(){return a`
-      <div class="page-container">
-        <bl-button
-          @click="${this._pageBack}"
-          variant="tertiary"
-          kind="neutral"
-          icon="arrow_left"
-          class="previous"
-          ?disabled=${this.currentPage===1}
-        ></bl-button>
-        <ul class="page-list">
-          ${this.pages.map(e=>a`${this.renderSinglePage(e)}`)}
-        </ul>
-        <bl-button
-          @click="${this._pageForward}"
-          variant="tertiary"
-          kind="neutral"
-          icon="arrow_right"
-          class="next"
-          ?disabled=${this.currentPage===this._getLastPage()}
-        ></bl-button>
-      </div>
-    `}render(){let e=this.hasSelect?a`
-      <div class="select">
-        <label>${this.selectLabel}</label>
-        <bl-select @bl-select="${this._selectHandler}">
-          ${b.map(n=>a`<bl-select-option
-              value="${n.value}"
-              ?selected=${n.value===this.itemsPerPage}
-              >${n.text} ${this.optionText}</bl-select-option
-            >`)}
-        </bl-select>
-      </div>
-    `:null,i=this.hasJumper?a` <div class="jumper">
-          <label>${this.jumperLabel}</label>
-          <bl-input value="${this.currentPage}" @bl-change="${this._inputHandler}"></bl-input>
-        </div>`:null;return a` <div class="pagination">${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return a`
-        <div class="pagination-helpers">${e} ${i}</div>
-      `})()} ${this.renderPages()}</div>`}};r([s({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),r([s({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),r([s({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),r([s({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),r([s({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),r([s({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),r([s({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),r([s({attribute:"option-text",type:String})],t.prototype,"optionText",2),r([c()],t.prototype,"pages",2),r([h("bl-change")],t.prototype,"onChange",2),t=r([g("bl-pagination")],t);export{t as a};
-//# sourceMappingURL=chunk-BUIS2EQI.js.map

package/dist/chunk-BUIS2EQI.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{width:max-content}.pagination{display:flex}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\\\B7 \\\\B7 \\\\B7';color:var(--bl-color-secondary)}.pagination-helpers{display:flex;align-items:center;margin-right:var(--bl-size-s);gap:var(--bl-size-m)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport '../input/bl-input';\nimport '../select/bl-select';\n\nimport style from './bl-pagination.css';\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\nconst selectOptions = [\n  {\n    text: '100',\n    value: 100,\n  },\n  {\n    text: '250',\n    value: 250,\n  },\n  {\n    text: '500',\n    value: 500,\n  },\n  {\n    text: '1000',\n    value: 1000,\n  },\n];\n\n@customElement('bl-pagination')\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: 'current-page', type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: 'total-items', type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: 'items-per-page', type: Number, reflect: true })\n  itemsPerPage = 100;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: 'has-jumper', type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: 'jumper-label', type: String })\n  jumperLabel = 'Go To';\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'has-select', type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'select-label', type: String })\n  selectLabel = 'Show';\n\n  /**\n   *  Sets the option texts.\n   */\n  @property({ attribute: 'option-text', type: String })\n  optionText = 'Items';\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event('bl-change') private onChange: EventDispatcher<{ selectedPage: number; prevPage: number }>;\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (changedProperties.has('currentPage') || changedProperties.has('itemsPerPage') || changedProperties.has('totalItems') ) {\n      this._paginate();\n      this.onChange({\n        selectedPage: this.currentPage,\n        prevPage: changedProperties.get('currentPage'),\n      });\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, '...');\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push('...', this.currentPage - 1, this.currentPage, this.currentPage + 1, '...');\n    } else {\n      this.pages.push(\n        '...',\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(page: number): void {\n    this.currentPage = page;\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this.currentPage--;\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this.currentPage++;\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = event?.detail[0]?.value || 100;\n    this.currentPage = 1;\n  }\n\n  private renderSinglePage(page: number | string) {\n    if (typeof page === 'string') {\n      return html`<span class=\"dots\"></span>`;\n    }\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? 'primary' : 'tertiary'}\n        kind=\"neutral\"\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${this.pages.map(page => html`${this.renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const selectEl = this.hasSelect ? html`\n      <div class=\"select\">\n        <label>${this.selectLabel}</label>\n        <bl-select @bl-select=\"${this._selectHandler}\">\n          ${selectOptions.map(option => {\n            return html`<bl-select-option\n              value=\"${option.value}\"\n              ?selected=${option.value === this.itemsPerPage}\n              >${option.text} ${this.optionText}</bl-select-option\n            >`;\n          })}\n        </bl-select>\n      </div>\n    ` : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${this.jumperLabel}</label>\n          <bl-input value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html`\n        <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div>\n      `;\n    };\n\n    return html` <div class=\"pagination\">${getHelperElements()} ${this.renderPages()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-pagination': BlPagination;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["styles", "r", "bl_pagination_default", "selectOptions", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "page", "event", "inputValue", "newPage", "_a", "$", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t", "n"]
-}