@limetech/lime-elements 40.7.1 → 40.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-action-bar_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-ai-avatar.cjs.entry.js +1 -1
- package/dist/cjs/limel-callout.cjs.entry.js +1 -1
- package/dist/cjs/limel-chart.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-code-diff.cjs.entry.js +1 -1
- package/dist/cjs/limel-code-editor.cjs.entry.js +1 -1
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
- package/dist/cjs/limel-dock-button.cjs.entry.js +2 -5
- package/dist/cjs/limel-dock.cjs.entry.js +11 -3
- package/dist/cjs/limel-drag-handle.cjs.entry.js +1 -1
- package/dist/cjs/limel-email-viewer.cjs.entry.js +1 -1
- package/dist/cjs/limel-file-viewer.cjs.entry.js +1 -1
- package/dist/cjs/limel-file.cjs.entry.js +1 -1
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-list-item.cjs.entry.js +1 -1
- package/dist/cjs/limel-pagination-jump.cjs.entry.js +1 -1
- package/dist/cjs/limel-pagination.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-popover_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-profile-picture.cjs.entry.js +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-slider.cjs.entry.js +1 -1
- package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +1 -1
- package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{translations-CNTWud2a.js → translations-DDyw5Zzz.js} +8 -0
- package/dist/collection/components/dock/dock-button/dock-button.css +14 -14
- package/dist/collection/components/dock/dock-button/dock-button.js +1 -4
- package/dist/collection/components/dock/dock.js +37 -3
- package/dist/collection/components/popover/popover.js +1 -1
- package/dist/collection/translations/da.js +1 -0
- package/dist/collection/translations/de.js +1 -0
- package/dist/collection/translations/en.js +1 -0
- package/dist/collection/translations/fi.js +1 -0
- package/dist/collection/translations/fr.js +1 -0
- package/dist/collection/translations/nl.js +1 -0
- package/dist/collection/translations/no.js +1 -0
- package/dist/collection/translations/sv.js +1 -0
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-action-bar_3.entry.js +1 -1
- package/dist/esm/limel-ai-avatar.entry.js +1 -1
- package/dist/esm/limel-callout.entry.js +1 -1
- package/dist/esm/limel-chart.entry.js +1 -1
- package/dist/esm/limel-chip-set.entry.js +1 -1
- package/dist/esm/limel-chip_2.entry.js +1 -1
- package/dist/esm/limel-code-diff.entry.js +1 -1
- package/dist/esm/limel-code-editor.entry.js +1 -1
- package/dist/esm/limel-collapsible-section.entry.js +1 -1
- package/dist/esm/limel-dock-button.entry.js +2 -5
- package/dist/esm/limel-dock.entry.js +11 -3
- package/dist/esm/limel-drag-handle.entry.js +1 -1
- package/dist/esm/limel-email-viewer.entry.js +1 -1
- package/dist/esm/limel-file-viewer.entry.js +1 -1
- package/dist/esm/limel-file.entry.js +1 -1
- package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
- package/dist/esm/limel-list-item.entry.js +1 -1
- package/dist/esm/limel-pagination-jump.entry.js +1 -1
- package/dist/esm/limel-pagination.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +1 -1
- package/dist/esm/limel-popover_2.entry.js +1 -1
- package/dist/esm/limel-profile-picture.entry.js +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
- package/dist/esm/limel-slider.entry.js +1 -1
- package/dist/esm/limel-snackbar.entry.js +1 -1
- package/dist/esm/limel-table.entry.js +1 -1
- package/dist/esm/limel-text-editor-link-menu.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{translations-Y4i8PVc9.js → translations-UrIr-5_D.js} +8 -0
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-6d9961f7.entry.js → p-006cfb3d.entry.js} +1 -1
- package/dist/lime-elements/{p-45c39fb4.entry.js → p-00c36c9e.entry.js} +1 -1
- package/dist/lime-elements/{p-4a88d365.entry.js → p-288ef79a.entry.js} +1 -1
- package/dist/lime-elements/{p-a42f8c2d.entry.js → p-303edb1a.entry.js} +1 -1
- package/dist/lime-elements/{p-6e3a4482.entry.js → p-33b58741.entry.js} +1 -1
- package/dist/lime-elements/{p-48afa6b7.entry.js → p-3d05e21f.entry.js} +1 -1
- package/dist/lime-elements/{p-fe492ff3.entry.js → p-4cbcafae.entry.js} +1 -1
- package/dist/lime-elements/{p-3d3bdf45.entry.js → p-526ede01.entry.js} +1 -1
- package/dist/lime-elements/{p-2b2253d4.entry.js → p-540b2b24.entry.js} +1 -1
- package/dist/lime-elements/p-58b7c634.entry.js +1 -0
- package/dist/lime-elements/{p-2a902e77.entry.js → p-5da47a8a.entry.js} +1 -1
- package/dist/lime-elements/{p-a65eb58e.entry.js → p-657bfa36.entry.js} +1 -1
- package/dist/lime-elements/{p-120ca628.entry.js → p-727b6c11.entry.js} +1 -1
- package/dist/lime-elements/p-8e9c927d.entry.js +1 -0
- package/dist/lime-elements/{p-5df21b25.entry.js → p-96246494.entry.js} +1 -1
- package/dist/lime-elements/{p-9218fa6a.entry.js → p-9992b5f9.entry.js} +1 -1
- package/dist/lime-elements/{p-5e448070.entry.js → p-9e016212.entry.js} +1 -1
- package/dist/lime-elements/{p-3cfe0eaf.entry.js → p-a736ea08.entry.js} +1 -1
- package/dist/lime-elements/{p-54a9f48f.entry.js → p-a98cbd1f.entry.js} +1 -1
- package/dist/lime-elements/{p-02a06cf7.entry.js → p-ab91cfff.entry.js} +1 -1
- package/dist/lime-elements/{p-21ab902a.entry.js → p-bc70090d.entry.js} +1 -1
- package/dist/lime-elements/p-cf982d06.entry.js +1 -0
- package/dist/lime-elements/{p-f82f72e7.entry.js → p-d37fbbd2.entry.js} +1 -1
- package/dist/lime-elements/{p-45fde7a1.entry.js → p-d5800180.entry.js} +1 -1
- package/dist/lime-elements/{p-4ecbc9f4.entry.js → p-e2b074aa.entry.js} +1 -1
- package/dist/lime-elements/{p-0ece667e.entry.js → p-e752dc7f.entry.js} +1 -1
- package/dist/lime-elements/{p-95ccd9e7.entry.js → p-efaf2616.entry.js} +1 -1
- package/dist/lime-elements/p-w3yKYfBQ.js +1 -0
- package/dist/types/components/dock/dock.d.ts +7 -0
- package/dist/types/components.d.ts +11 -0
- package/dist/types/translations/da.d.ts +1 -0
- package/dist/types/translations/de.d.ts +1 -0
- package/dist/types/translations/en.d.ts +1 -0
- package/dist/types/translations/fi.d.ts +1 -0
- package/dist/types/translations/fr.d.ts +1 -0
- package/dist/types/translations/nl.d.ts +1 -0
- package/dist/types/translations/no.d.ts +1 -0
- package/dist/types/translations/sv.d.ts +1 -0
- package/package.json +1 -1
- package/dist/lime-elements/p-9088acea.entry.js +0 -1
- package/dist/lime-elements/p-970e0810.entry.js +0 -1
- package/dist/lime-elements/p-B3YP9GOq.js +0 -1
- package/dist/lime-elements/p-e02e2c5f.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,a}from"./p-BU9IJqli.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,a}from"./p-BU9IJqli.js";import{t as r}from"./p-w3yKYfBQ.js";import{c as s}from"./p-BrjD-ITe.js";import"./p-ChagAaNf.js";const o=new class{constructor(){this.snackbarElements=[]}add(t){const i=this.getPopover(t);null==i||i.showPopover(),this.snackbarElements=[t,...this.snackbarElements],this.emitOffsets()}remove(t){const i=this.getPopover(t);null==i||i.hidePopover(),this.snackbarElements=this.snackbarElements.filter((i=>i!==t)),this.emitOffsets()}emitOffsets(){let t=0;for(const i of this.snackbarElements)i.dispatchEvent(new CustomEvent("changeOffset",{detail:t})),t+=this.getPopover(i).getBoundingClientRect().height}getPopover(t){return t.shadowRoot.querySelector("[popover]")}},n=class{constructor(e){t(this,e),this.action=i(this,"action",7),this.hide=i(this,"hide",7),this.open=!1,this.timeout=5e3,this.dismissible=!0,this.language="en",this.offset=0,this.isOpen=!1,this.closing=!0,this.handleOpen=()=>{this.isOpen||(this.isOpen=!0,this.closing=!1,o.add(this.host),this.timeout&&-1!==this.timeout&&(this.timeoutId=window.setTimeout(this.handleClose,Math.max(this.timeout-300,300))))},this.handleClose=()=>{this.isOpen&&(this.closing=!0,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=void 0),setTimeout((()=>{this.isOpen=!1,o.remove(this.host),this.hide.emit(),this.offset=0}),300))},this.handleClickAction=()=>{this.action.emit()},this.snackbarId=s()}componentDidLoad(){this.open&&requestAnimationFrame(this.handleOpen)}onChangeIndex(t){t.stopPropagation(),this.offset=t.detail}watchOpen(){this.open?this.handleOpen():this.handleClose(),this.isOpen=this.open}async show(){console.warn("The `show` method in `limel-snackbar` is deprecated. Please use the `open` property instead."),this.open||this.handleOpen()}render(){return e("aside",{key:"5612185e67dfea963fc9df340a288540f63db94e",popover:"manual",style:{"--snackbar-timeout":`${Math.max(this.timeout||0,0)}ms`,"--snackbar-distance-to-top-edge":`${this.offset}px`},class:{open:this.open,"is-closing":this.closing,"limel-portal--parent":!0},id:this.snackbarId,role:this.setAriaRoles(),"aria-atomic":this.open?"true":void 0,"aria-relevant":this.open?"additions":void 0},e("div",{key:"a6221f26df374bac45ee3e5cd4a7f6c966340a06",class:"surface"},e("limel-markdown",{key:"2da6a24cc92319fea7dde9a79a77f9719735a669",class:"label",value:this.message}),this.renderActions(this.actionText),this.renderDismissButton(this.dismissible)))}setAriaRoles(){if(this.open)return this.timeout&&-1!==this.timeout?"status":"alertdialog"}renderActions(t){if(t)return e("div",{class:"actions"},this.renderActionButton(t))}renderActionButton(t){if(t)return e("limel-button",{label:t,onClick:this.handleClickAction})}renderDismissButton(t){if(!t)return;const i=r.get("snackbar.dismiss",this.language);return e("div",{class:"dismiss"},this.renderTimeoutVisualization(),e("limel-icon-button",{class:"dismiss-button",icon:"multiply",label:i,onClick:this.handleClose,"aria-controls":this.snackbarId}))}renderTimeoutVisualization(){if(this.timeout&&-1!==this.timeout)return e("svg",{width:"36",height:"36",viewBox:"0 0 36 36"},e("circle",{r:"18",cx:"18",cy:"18",fill:"var(--track-color)"}),e("path",{class:"track",d:"M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0",stroke:"var(--fill-color)"}))}get host(){return a(this)}static get watchers(){return{open:[{watchOpen:0}]}}};n.style=".limel-portal--container{font-family:var(--limel-portal-font-family, inherit);opacity:0;display:none}.limel-portal--container.is-visible{opacity:1;display:inline-block}.limel-portal--container.is-visible>*{will-change:opacity, transform}@keyframes fade-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1) translate3d(0, 0, 0)}}@keyframes fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.94) translate3d(0, 0, 0)}}.limel-portal--container>*{animation:fade-in 0.18s cubic-bezier(0.11, 0.59, 0.18, 1.26) forwards}.limel-portal--container.is-hiding>*{animation:fade-out 0.22s ease forwards}.limel-portal--container[data-popper-placement=left-start]>*{transform-origin:right top}.limel-portal--container[data-popper-placement=left]>*{transform-origin:right center}.limel-portal--container[data-popper-placement=left-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=top-start]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=top]>*{transform-origin:center bottom}.limel-portal--container[data-popper-placement=top-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=right-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=right]>*{transform-origin:left center}.limel-portal--container[data-popper-placement=right-end]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=bottom-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=bottom]>*{transform-origin:center top}.limel-portal--container[data-popper-placement=bottom-end]>*{transform-origin:right top}*{box-sizing:border-box}aside{background:none;border:none;inset:unset;overflow:visible;padding:0.5rem 0.5rem 0 0.5rem;right:0;width:var(--limel-snackbar-width, 21rem);top:calc(var(--snackbar-distance-to-top-edge) + env(safe-area-inset-top, 0));transition:opacity var(--limel-snackbar-opacity-transition-speed, 0.2s) ease, top var(--limel-snackbar-top-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89), transform var(--limel-snackbar-top-transition-speed, 0.46s) ease;transform:translate3d(0, 0, 0);opacity:1}aside.is-closing{transform:translate3d(2rem, 0, 0);opacity:0;--limel-snackbar-top-transition-speed:0.2s;--limel-snackbar-opacity-transition-speed:0.2s}.surface{overflow:hidden;padding:0.5rem;display:flex;align-items:center;justify-content:flex-start;gap:0.25rem;min-height:3.25rem;border-radius:0.75rem;background-color:rgb(var(--contrast-1400));box-shadow:var(--shadow-depth-8), var(--shadow-depth-16)}limel-markdown.label{color:rgb(var(--contrast-100));--limel-theme-default-font-size:var(--limel-theme-default-small-font-size);padding:0 0.25rem;width:100%;flex-grow:1}.actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;gap:0.5rem}.dismiss,.actions{--lime-elevated-surface-background-color:rgb( var(--contrast-1300) )}.dismiss{--limel-theme-on-surface-color:rgb( var(--contrast-100) );--icon-background-color:var(--lime-elevated-surface-background-color);--fill-color:var(--lime-primary-color, var(--limel-theme-primary-color));--track-color:rgb(var(--contrast-800), 0.2);transition:opacity 0.1s ease, transform 0.1s ease;position:absolute;top:-0.375rem;left:-0.375rem;transform:scale(0.7);display:flex;align-items:center;justify-content:center}.dismiss svg{position:absolute;transform:rotate(90deg);fill:transparent;stroke-dasharray:100;stroke-linecap:round}aside.open .dismiss svg{animation:timeout var(--snackbar-timeout) linear forwards}.dismiss .is-closing{transform:scale(0.5);opacity:0}.dismiss-button{transform:scale(0.8);margin:0;padding:0}@keyframes timeout{0%{stroke-width:4;stroke-dashoffset:0;opacity:1}100%{stroke-width:1;stroke-dashoffset:-100;opacity:0.7}}";export{n as limel_snackbar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as e}from"./p-BU9IJqli.js";import{t as s}from"./p-
|
|
1
|
+
import{r as i,c as t,h as e}from"./p-BU9IJqli.js";import{t as s}from"./p-w3yKYfBQ.js";import{a,E as n}from"./p-DQ5DmW_Y.js";import"./p-ChagAaNf.js";const l=class{constructor(e){i(this,e),this.cancel=t(this,"cancel",7),this.save=t(this,"save",7),this.linkChange=t(this,"linkChange",7),this.language="en",this.isOpen=!1,this.getTranslation=i=>s.get(i,this.language),this.isValid=i=>{try{new URL(i)}catch(i){return!1}return!0},this.handleKeyDown=i=>{var t;i.key===a&&(this.saveButton&&this.saveButton.focus(),i.preventDefault(),this.isValid(null===(t=this.link)||void 0===t?void 0:t.href)&&this.handleSave(i))},this.handleCancel=i=>{i instanceof KeyboardEvent&&i.key!==n||(i.stopPropagation(),i.preventDefault(),this.cancel.emit())},this.handleSave=i=>{i.stopPropagation(),this.save.emit()},this.handleLinkInputAction=i=>{window.open(this.link.href,"_blank"),i.stopPropagation()},this.handleLinkTitleChange=i=>{var t;this.emitLinkChange(i.detail,null===(t=this.link)||void 0===t?void 0:t.href)},this.handleLinkValueChange=i=>{var t;this.emitLinkChange(null===(t=this.link)||void 0===t?void 0:t.text,i.detail)},this.emitLinkChange=(i,t)=>{this.linkChange.emit({text:i,href:t})}}connectedCallback(){this.setupGlobalHandlers()}disconnectedCallback(){this.teardownGlobalHandlers()}setupGlobalHandlers(){this.isOpen&&document.addEventListener("keyup",this.handleCancel)}teardownGlobalHandlers(){document.removeEventListener("keyup",this.handleCancel)}componentDidLoad(){this.focusOnLinkInput()}focusOnLinkInput(){if(!this.linkInput)return;const i=this.linkInput.shadowRoot.querySelector("input");i&&requestAnimationFrame((()=>{i.focus()}))}render(){var i,t;const s=this.isValid(this.link.href);return[e("limel-input-field",{key:"49edffd1f2b8dbc6fdb6824251541883f8a96d44",label:this.getTranslation("editor-link-menu.text"),value:(null===(i=this.link)||void 0===i?void 0:i.text)||"",leadingIcon:"text_cursor",onChange:this.handleLinkTitleChange,onKeyDown:this.handleKeyDown}),e("limel-input-field",{key:"8aafc8d1496b9d27484e4a4e862b247dfc86b4bc",label:this.getTranslation("editor-link-menu.link"),value:(null===(t=this.link)||void 0===t?void 0:t.href)||"",type:"text",leadingIcon:"-lime-text-link",trailingIcon:"external_link",invalid:!s,onChange:this.handleLinkValueChange,onAction:this.handleLinkInputAction,onKeyDown:this.handleKeyDown,ref:i=>this.linkInput=i}),e("div",{key:"39cc9d707d8d9aa15458b78e23905fba7af2eee6",class:"actions"},e("limel-button",{key:"220e2ac8c3984b9d49dab3f2a5f94be025de448b",label:this.getTranslation("cancel"),onClick:this.handleCancel}),e("limel-button",{key:"23369649c3ef9fbf5bfeb38b986baa0271f2efe6",primary:!0,label:this.getTranslation("save"),disabled:!s,onClick:this.handleSave,ref:i=>this.saveButton=i,slot:"button"}))]}};l.style=":host(limel-text-editor-link-menu){animation:fade 0.2s ease forwards;animation-delay:0.1s;opacity:0;display:flex;flex-direction:column;gap:0.5rem;padding:0.5rem;max-width:calc(100vw - 2rem);border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-16)}.actions{display:flex;justify-content:end;gap:0.5rem}@keyframes fade{0%{scale:0.86;opacity:0}100%{scale:1;opacity:1}}";export{l as limel_text_editor_link_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,a as r}from"./p-BU9IJqli.js";import{t as s}from"./p-B3YP9GOq.js";import{c as n}from"./p-BrjD-ITe.js";import{g as o}from"./p-ChagAaNf.js";import{g as l}from"./p-CSC2LJ7P.js";const h="en",u=class{constructor(a){t(this,a),this.goToPage=e(this,"goToPage",6),this.page=1,this.pageSize=100,this.totalItems=null,this.loading=!1,this.language="en",this.lastKnownTotalItems=null,this.liveMessage="",this.idPrefix=n(),this.warnedAbout=new Map,this.settledLanguage=h,this.view={page:1,pageCount:null,pageSize:100,totalItems:null,slots:[]},this.renderSlot=(t,e)=>{if("gap"===t.kind)return this.renderGap(e);const a=t.page===this.currentPage;return i("button",{key:`page-${e}`,id:this.slotId(e),class:"page","aria-current":a?"page":null,"aria-disabled":this.loading?"true":null,"aria-label":this.pageLabel(t.page,a),"data-page":t.page,onClick:this.selectPage},this.formatNumber(t.page),this.renderSpinner(a),this.renderTooltip(t.page,e))},this.openJump=t=>{if(this.loading)return;const{index:e}=t.currentTarget.dataset;this.openGap=Number(e)},this.closeJump=()=>{this.openGap=void 0},this.handleJump=t=>{t.stopPropagation();const e=t.detail;this.focusGap(this.openGap),this.openGap=void 0,this.goTo(e)&&(this.awaitedJump=e,this.jumpedFrom=this.view.page)},this.step=t=>{const e=t.currentTarget.dataset.direction;this.isArrowDisabled(e)||this.goTo(this.currentPage+("next"===e?1:-1))},this.selectPage=t=>{const{page:e}=t.currentTarget.dataset;this.goTo(Number(e))},this.translate=(t,e)=>s.get(t,this.language,e)}componentWillRender(){const t=this.knownTotalItems,e=this.usablePageSize,i=this.wholePage(this.page);null!==t&&(this.lastKnownTotalItems=t);const a=this.countPages(null!=t?t:this.lastKnownTotalItems,e),r=this.capToLastPage(i,a);this.view={page:r,pageCount:a,pageSize:e,totalItems:t,slots:this.slotsFor(r,a)},this.closeJumpWithoutAGap(),this.readOut(r),this.reconcile(r,i),this.shownPage=r}countPages(t,e){return null===t?null:Math.max(1,Math.ceil(t/e))}componentDidRender(){this.reportCorrection(),this.followJumpedPage()}reportCorrection(){const t=this.pendingCorrection;void 0!==t&&(this.pendingCorrection=void 0,this.emitGoToPage(t,"clamped"))}readOut(t){const e=this.rangeIdentity(t),i=this.lastRange;this.lastRange=e,void 0!==this.shownPage&&(t!==this.shownPage||null!==e&&null!==i&&e!==i)&&(this.liveMessage=this.rangeLabel(t)||this.pageLabel(t,!0))}rangeIdentity(t){const e=this.itemsOn(t);return null===e?null:`${e.from}:${e.to}`}offsetOf(t){return(t-1)*this.view.pageSize}itemsOn(t){const{totalItems:e,pageSize:i}=this.view;if(null===e)return null;const a=this.offsetOf(t)+1;return{from:a,to:Math.min(a+i-1,e)}}reconcile(t,e){const i=this.page,a=!Object.is(e,i),r=t!==e,s=a||r&&null!==this.view.totalItems;a||r||(this.reportedAsk=void 0),s&&(t===this.shownPage&&Object.is(i,this.reportedAsk)||(this.reportedAsk=i,this.pendingCorrection=t))}handleLanguageChange(){this.numberFormat=void 0}closeJumpWithoutAGap(){var t;const e=this.openGap;void 0!==e&&"gap"!==(null===(t=this.view.slots[e])||void 0===t?void 0:t.kind)&&(this.openGap=void 0)}render(){const{slots:t}=this.view;return i(a,{key:"f2218cfa9c631d93e39ecee3a9823c3dd73ba505"},i("nav",{key:"7b1989a9abdbf254b66d3d2780583749a3ecd44e","aria-label":this.translate("pagination.label"),"aria-busy":this.loading?"true":null},this.renderArrow("previous"),t.map(((t,e)=>this.renderSlot(t,e))),this.renderArrow("next")),i("span",{key:"ad9af64cb7885d6bb6227d5bb6897a267c1a598e",class:"live-region","aria-live":"polite"},this.liveMessage))}slotsFor(t,e){return null===e?[{kind:"page",page:t}]:l(t,e)}renderGap(t){const{pageCount:e}=this.view;if(null!==e)return i("limel-popover",{key:`gap-${t}`,open:this.openGap===t,openDirection:"bottom",onClose:this.closeJump},i("button",{slot:"trigger",class:"gap",id:this.slotId(t),"aria-label":this.translate("pagination.jump-to-a-page"),"aria-disabled":this.loading?"true":null,"data-index":t,onClick:this.openJump},"···"),i("limel-pagination-jump",{open:this.openGap===t,page:this.view.page,pageCount:e,loading:this.loading,language:this.languageForNumbers,onJump:this.handleJump}))}focusGap(t){var e;const i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(`[id="${this.slotId(t)}"]`);null==i||i.focus(),this.jumpFocus=i}followJumpedPage(){void 0!==this.awaitedJump&&(this.ownsFocus()?this.view.page===this.awaitedJump?(this.forgetJump(),this.focusCurrentPage()):this.view.page!==this.jumpedFrom&&this.forgetJump():this.forgetJump())}forgetJump(){this.awaitedJump=void 0,this.jumpedFrom=void 0}ownsFocus(){var t,e;return(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.activeElement)===this.jumpFocus||!(null===(e=this.jumpFocus)||void 0===e?void 0:e.isConnected)&&document.activeElement===document.body}focusCurrentPage(){var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('[aria-current="page"]');null==e||e.focus(),this.jumpFocus=void 0}renderSpinner(t){if(t&&this.loading)return i("limel-spinner",null)}renderTooltip(t,e){return i("limel-tooltip",{elementId:this.slotId(e),label:this.translate("pagination.page",{page:this.formatNumber(t)}),helperLabel:this.rangeLabel(t)})}renderArrow(t){const e=this.isArrowDisabled(t);return i("button",{id:this.arrowId(t),class:`arrow ${t}`,"aria-label":this.translate(`pagination.${t}-page`),"aria-disabled":e?"true":null,"data-direction":t,onClick:this.step},i("span",{"aria-hidden":"true"}),this.renderArrowTooltip(t))}renderArrowTooltip(t){if(this.isArrowDisabled(t))return;const e="next"===t?this.currentPage+1:this.currentPage-1;return i("limel-tooltip",{elementId:this.arrowId(t),label:this.translate(`pagination.go-to-${t}-page`),helperLabel:this.translate("pagination.page",{page:this.formatNumber(e)})})}isArrowDisabled(t){if(this.loading)return!0;const{page:e,pageCount:i}=this.view;return"previous"===t?e<=1:null===i||e>=i}goTo(t){return this.awaitedJump=void 0,!this.loading&&t!==this.currentPage&&(this.emitGoToPage(t,"user"),!0)}get currentPage(){return this.view.page}emitGoToPage(t,e){this.goToPage.emit({page:t,reason:e,pageSize:this.view.pageSize,offset:this.offsetOf(t)})}get knownTotalItems(){const{totalItems:t}=this;return null==t?null:Number.isSafeInteger(t)&&t>=0?(this.warnedAbout.delete("totalItems"),t):(this.warnOnce("totalItems",t,(()=>`\`totalItems\` must be a whole number of at least 0, or null, but was ${t}. Ignoring it and keeping the last count it had.`)),null)}get usablePageSize(){return this.countable("pageSize",this.pageSize,1,100)}wholePage(t){return this.countable("page",t,1,1)}countable(t,e,i,a){return Number.isSafeInteger(e)&&e>=i?(this.warnedAbout.delete(t),e):(this.warnOnce(t,e,(()=>`\`${t}\` must be a whole number of at least ${i}, but was ${e}. Using ${a}.`)),a)}capToLastPage(t,e){return null===e?t:Math.min(t,e)}warnOnce(t,e,i){this.warnedAbout.has(t)&&Object.is(this.warnedAbout.get(t),e)||(this.warnedAbout.set(t,e),console.warn(`limel-pagination: ${i()}`))}pageLabel(t,e){return this.translate(e?"pagination.current-page":"pagination.go-to-page",{page:this.formatNumber(t)})}rangeLabel(t){const{totalItems:e,pageSize:i}=this.view;if(null===e)return"";const a=t*i;return this.translate("pagination.items-range",{from:this.formatNumber((t-1)*i+1),to:this.formatNumber(Math.min(a,e)),total:this.formatNumber(e)})}slotId(t){return`${this.idPrefix}-slot-${t}`}arrowId(t){return`${this.idPrefix}-${t}`}formatNumber(t){var e;return null!==(e=this.numberFormat)&&void 0!==e||(this.numberFormat=this.createNumberFormat()),this.numberFormat.format(t)}get languageForNumbers(){var t;return null!==(t=this.numberFormat)&&void 0!==t||(this.numberFormat=this.createNumberFormat()),this.settledLanguage}createNumberFormat(){const{language:t}=this;try{const e=new Intl.NumberFormat(t),i=e.resolvedOptions().locale;if(o(i)===o(t))return this.warnedAbout.delete("language"),this.settledLanguage=t,e}catch(t){}return this.warnOnce("language",t,(()=>`\`language\` must be one this browser can write numbers in, but was ${JSON.stringify(t)}. Using ${h}.`)),this.settledLanguage=h,new Intl.NumberFormat(h)}get host(){return r(this)}static get watchers(){return{language:[{handleLanguageChange:0}]}}};u.style='@charset "UTF-8";:host(limel-pagination){display:block;box-sizing:border-box}*{box-sizing:border-box}nav{display:flex;align-items:center}button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:1.75rem;min-width:1.75rem;border-radius:1.75rem;padding:0 0.5rem;font-variant-numeric:tabular-nums}button:not([aria-disabled=true]):not([aria-current=page]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--contrast-1100));background-color:transparent}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):focus,button:not([aria-disabled=true]):not([aria-current=page]):focus-visible{will-change:color, background-color, box-shadow, transform}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button:not([aria-disabled=true]):not([aria-current=page]):hover{box-shadow:var(--button-shadow-hovered)}button:not([aria-disabled=true]):not([aria-current=page]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button[aria-disabled=true]:not([aria-current=page]){opacity:0.4}button[aria-disabled=true]{cursor:default}button[aria-current=page]{background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset)}button limel-spinner{position:absolute;pointer-events:none}limel-popover{display:inline-flex}.gap{width:1.75rem;padding:0;color:rgb(var(--contrast-1100))}.gap[aria-expanded=true]{box-shadow:var(--button-shadow-inset-pressed) !important}.arrow span{display:block;border-style:solid;border-color:transparent;border-width:0.25rem 0 0.25rem 0.375rem;border-left-color:currentColor;transition:transform 0.2s ease}.arrow.previous span{transform:rotateZ(180deg)}.arrow:not([aria-disabled=true]):hover.next span{transform:translate3d(0.1rem, 0, 0)}.arrow:not([aria-disabled=true]):hover.previous span{transform:translate3d(-0.1rem, 0, 0) rotateZ(180deg)}.live-region{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}';export{u as limel_pagination}
|
|
1
|
+
import{r as t,c as e,h as i,H as a,a as r}from"./p-BU9IJqli.js";import{t as s}from"./p-w3yKYfBQ.js";import{c as n}from"./p-BrjD-ITe.js";import{g as o}from"./p-ChagAaNf.js";import{g as l}from"./p-CSC2LJ7P.js";const h="en",u=class{constructor(a){t(this,a),this.goToPage=e(this,"goToPage",6),this.page=1,this.pageSize=100,this.totalItems=null,this.loading=!1,this.language="en",this.lastKnownTotalItems=null,this.liveMessage="",this.idPrefix=n(),this.warnedAbout=new Map,this.settledLanguage=h,this.view={page:1,pageCount:null,pageSize:100,totalItems:null,slots:[]},this.renderSlot=(t,e)=>{if("gap"===t.kind)return this.renderGap(e);const a=t.page===this.currentPage;return i("button",{key:`page-${e}`,id:this.slotId(e),class:"page","aria-current":a?"page":null,"aria-disabled":this.loading?"true":null,"aria-label":this.pageLabel(t.page,a),"data-page":t.page,onClick:this.selectPage},this.formatNumber(t.page),this.renderSpinner(a),this.renderTooltip(t.page,e))},this.openJump=t=>{if(this.loading)return;const{index:e}=t.currentTarget.dataset;this.openGap=Number(e)},this.closeJump=()=>{this.openGap=void 0},this.handleJump=t=>{t.stopPropagation();const e=t.detail;this.focusGap(this.openGap),this.openGap=void 0,this.goTo(e)&&(this.awaitedJump=e,this.jumpedFrom=this.view.page)},this.step=t=>{const e=t.currentTarget.dataset.direction;this.isArrowDisabled(e)||this.goTo(this.currentPage+("next"===e?1:-1))},this.selectPage=t=>{const{page:e}=t.currentTarget.dataset;this.goTo(Number(e))},this.translate=(t,e)=>s.get(t,this.language,e)}componentWillRender(){const t=this.knownTotalItems,e=this.usablePageSize,i=this.wholePage(this.page);null!==t&&(this.lastKnownTotalItems=t);const a=this.countPages(null!=t?t:this.lastKnownTotalItems,e),r=this.capToLastPage(i,a);this.view={page:r,pageCount:a,pageSize:e,totalItems:t,slots:this.slotsFor(r,a)},this.closeJumpWithoutAGap(),this.readOut(r),this.reconcile(r,i),this.shownPage=r}countPages(t,e){return null===t?null:Math.max(1,Math.ceil(t/e))}componentDidRender(){this.reportCorrection(),this.followJumpedPage()}reportCorrection(){const t=this.pendingCorrection;void 0!==t&&(this.pendingCorrection=void 0,this.emitGoToPage(t,"clamped"))}readOut(t){const e=this.rangeIdentity(t),i=this.lastRange;this.lastRange=e,void 0!==this.shownPage&&(t!==this.shownPage||null!==e&&null!==i&&e!==i)&&(this.liveMessage=this.rangeLabel(t)||this.pageLabel(t,!0))}rangeIdentity(t){const e=this.itemsOn(t);return null===e?null:`${e.from}:${e.to}`}offsetOf(t){return(t-1)*this.view.pageSize}itemsOn(t){const{totalItems:e,pageSize:i}=this.view;if(null===e)return null;const a=this.offsetOf(t)+1;return{from:a,to:Math.min(a+i-1,e)}}reconcile(t,e){const i=this.page,a=!Object.is(e,i),r=t!==e,s=a||r&&null!==this.view.totalItems;a||r||(this.reportedAsk=void 0),s&&(t===this.shownPage&&Object.is(i,this.reportedAsk)||(this.reportedAsk=i,this.pendingCorrection=t))}handleLanguageChange(){this.numberFormat=void 0}closeJumpWithoutAGap(){var t;const e=this.openGap;void 0!==e&&"gap"!==(null===(t=this.view.slots[e])||void 0===t?void 0:t.kind)&&(this.openGap=void 0)}render(){const{slots:t}=this.view;return i(a,{key:"f2218cfa9c631d93e39ecee3a9823c3dd73ba505"},i("nav",{key:"7b1989a9abdbf254b66d3d2780583749a3ecd44e","aria-label":this.translate("pagination.label"),"aria-busy":this.loading?"true":null},this.renderArrow("previous"),t.map(((t,e)=>this.renderSlot(t,e))),this.renderArrow("next")),i("span",{key:"ad9af64cb7885d6bb6227d5bb6897a267c1a598e",class:"live-region","aria-live":"polite"},this.liveMessage))}slotsFor(t,e){return null===e?[{kind:"page",page:t}]:l(t,e)}renderGap(t){const{pageCount:e}=this.view;if(null!==e)return i("limel-popover",{key:`gap-${t}`,open:this.openGap===t,openDirection:"bottom",onClose:this.closeJump},i("button",{slot:"trigger",class:"gap",id:this.slotId(t),"aria-label":this.translate("pagination.jump-to-a-page"),"aria-disabled":this.loading?"true":null,"data-index":t,onClick:this.openJump},"···"),i("limel-pagination-jump",{open:this.openGap===t,page:this.view.page,pageCount:e,loading:this.loading,language:this.languageForNumbers,onJump:this.handleJump}))}focusGap(t){var e;const i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(`[id="${this.slotId(t)}"]`);null==i||i.focus(),this.jumpFocus=i}followJumpedPage(){void 0!==this.awaitedJump&&(this.ownsFocus()?this.view.page===this.awaitedJump?(this.forgetJump(),this.focusCurrentPage()):this.view.page!==this.jumpedFrom&&this.forgetJump():this.forgetJump())}forgetJump(){this.awaitedJump=void 0,this.jumpedFrom=void 0}ownsFocus(){var t,e;return(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.activeElement)===this.jumpFocus||!(null===(e=this.jumpFocus)||void 0===e?void 0:e.isConnected)&&document.activeElement===document.body}focusCurrentPage(){var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('[aria-current="page"]');null==e||e.focus(),this.jumpFocus=void 0}renderSpinner(t){if(t&&this.loading)return i("limel-spinner",null)}renderTooltip(t,e){return i("limel-tooltip",{elementId:this.slotId(e),label:this.translate("pagination.page",{page:this.formatNumber(t)}),helperLabel:this.rangeLabel(t)})}renderArrow(t){const e=this.isArrowDisabled(t);return i("button",{id:this.arrowId(t),class:`arrow ${t}`,"aria-label":this.translate(`pagination.${t}-page`),"aria-disabled":e?"true":null,"data-direction":t,onClick:this.step},i("span",{"aria-hidden":"true"}),this.renderArrowTooltip(t))}renderArrowTooltip(t){if(this.isArrowDisabled(t))return;const e="next"===t?this.currentPage+1:this.currentPage-1;return i("limel-tooltip",{elementId:this.arrowId(t),label:this.translate(`pagination.go-to-${t}-page`),helperLabel:this.translate("pagination.page",{page:this.formatNumber(e)})})}isArrowDisabled(t){if(this.loading)return!0;const{page:e,pageCount:i}=this.view;return"previous"===t?e<=1:null===i||e>=i}goTo(t){return this.awaitedJump=void 0,!this.loading&&t!==this.currentPage&&(this.emitGoToPage(t,"user"),!0)}get currentPage(){return this.view.page}emitGoToPage(t,e){this.goToPage.emit({page:t,reason:e,pageSize:this.view.pageSize,offset:this.offsetOf(t)})}get knownTotalItems(){const{totalItems:t}=this;return null==t?null:Number.isSafeInteger(t)&&t>=0?(this.warnedAbout.delete("totalItems"),t):(this.warnOnce("totalItems",t,(()=>`\`totalItems\` must be a whole number of at least 0, or null, but was ${t}. Ignoring it and keeping the last count it had.`)),null)}get usablePageSize(){return this.countable("pageSize",this.pageSize,1,100)}wholePage(t){return this.countable("page",t,1,1)}countable(t,e,i,a){return Number.isSafeInteger(e)&&e>=i?(this.warnedAbout.delete(t),e):(this.warnOnce(t,e,(()=>`\`${t}\` must be a whole number of at least ${i}, but was ${e}. Using ${a}.`)),a)}capToLastPage(t,e){return null===e?t:Math.min(t,e)}warnOnce(t,e,i){this.warnedAbout.has(t)&&Object.is(this.warnedAbout.get(t),e)||(this.warnedAbout.set(t,e),console.warn(`limel-pagination: ${i()}`))}pageLabel(t,e){return this.translate(e?"pagination.current-page":"pagination.go-to-page",{page:this.formatNumber(t)})}rangeLabel(t){const{totalItems:e,pageSize:i}=this.view;if(null===e)return"";const a=t*i;return this.translate("pagination.items-range",{from:this.formatNumber((t-1)*i+1),to:this.formatNumber(Math.min(a,e)),total:this.formatNumber(e)})}slotId(t){return`${this.idPrefix}-slot-${t}`}arrowId(t){return`${this.idPrefix}-${t}`}formatNumber(t){var e;return null!==(e=this.numberFormat)&&void 0!==e||(this.numberFormat=this.createNumberFormat()),this.numberFormat.format(t)}get languageForNumbers(){var t;return null!==(t=this.numberFormat)&&void 0!==t||(this.numberFormat=this.createNumberFormat()),this.settledLanguage}createNumberFormat(){const{language:t}=this;try{const e=new Intl.NumberFormat(t),i=e.resolvedOptions().locale;if(o(i)===o(t))return this.warnedAbout.delete("language"),this.settledLanguage=t,e}catch(t){}return this.warnOnce("language",t,(()=>`\`language\` must be one this browser can write numbers in, but was ${JSON.stringify(t)}. Using ${h}.`)),this.settledLanguage=h,new Intl.NumberFormat(h)}get host(){return r(this)}static get watchers(){return{language:[{handleLanguageChange:0}]}}};u.style='@charset "UTF-8";:host(limel-pagination){display:block;box-sizing:border-box}*{box-sizing:border-box}nav{display:flex;align-items:center}button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:1.75rem;min-width:1.75rem;border-radius:1.75rem;padding:0 0.5rem;font-variant-numeric:tabular-nums}button:not([aria-disabled=true]):not([aria-current=page]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--contrast-1100));background-color:transparent}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):focus,button:not([aria-disabled=true]):not([aria-current=page]):focus-visible{will-change:color, background-color, box-shadow, transform}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button:not([aria-disabled=true]):not([aria-current=page]):hover{box-shadow:var(--button-shadow-hovered)}button:not([aria-disabled=true]):not([aria-current=page]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button[aria-disabled=true]:not([aria-current=page]){opacity:0.4}button[aria-disabled=true]{cursor:default}button[aria-current=page]{background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset)}button limel-spinner{position:absolute;pointer-events:none}limel-popover{display:inline-flex}.gap{width:1.75rem;padding:0;color:rgb(var(--contrast-1100))}.gap[aria-expanded=true]{box-shadow:var(--button-shadow-inset-pressed) !important}.arrow span{display:block;border-style:solid;border-color:transparent;border-width:0.25rem 0 0.25rem 0.375rem;border-left-color:currentColor;transition:transform 0.2s ease}.arrow.previous span{transform:rotateZ(180deg)}.arrow:not([aria-disabled=true]):hover.next span{transform:translate3d(0.1rem, 0, 0)}.arrow:not([aria-disabled=true]):hover.previous span{transform:translate3d(-0.1rem, 0, 0) rotateZ(180deg)}.live-region{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}';export{u as limel_pagination}
|