@limetech/lime-elements 39.8.1 → 39.9.1

package/dist/lime-elements/p-f10ca306.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as o,a as n}from"./p-DBTJNfo7.js";import{t as r}from"./p-DVRaJQvC.js";class i{diff(e,t,o={}){let n;"function"==typeof o?(n=o,o={}):"callback"in o&&(n=o.callback);const r=this.castInput(e,o),i=this.castInput(t,o),s=this.removeEmpty(this.tokenize(r,o)),l=this.removeEmpty(this.tokenize(i,o));return this.diffWithOptionsObj(s,l,o,n)}diffWithOptionsObj(e,t,o,n){var r;const i=e=>(e=this.postProcess(e,o),n?void setTimeout((function(){n(e)}),0):e),s=t.length,l=e.length;let a=1,d=s+l;null!=o.maxEditLength&&(d=Math.min(d,o.maxEditLength));const c=null!==(r=o.timeout)&&void 0!==r?r:1/0,f=Date.now()+c,u=[{oldPos:-1,lastComponent:void 0}];let h=this.extractCommon(u[0],t,e,0,o);if(u[0].oldPos+1>=l&&h+1>=s)return i(this.buildValues(u[0].lastComponent,t,e));let b=-1/0,v=1/0;const p=()=>{for(let n=Math.max(b,-a);n<=Math.min(v,a);n+=2){let r;const a=u[n-1],d=u[n+1];a&&(u[n-1]=void 0);let c=!1;if(d){const e=d.oldPos-n;c=d&&0<=e&&e<s}const f=a&&a.oldPos+1<l;if(c||f){if(r=!f||c&&a.oldPos<d.oldPos?this.addToPath(d,!0,!1,0,o):this.addToPath(a,!1,!0,1,o),h=this.extractCommon(r,t,e,n,o),r.oldPos+1>=l&&h+1>=s)return i(this.buildValues(r.lastComponent,t,e))||!0;u[n]=r,r.oldPos+1>=l&&(v=Math.min(v,n-1)),h+1>=s&&(b=Math.max(b,n+1))}else u[n]=void 0}a++};if(n)!function e(){setTimeout((function(){if(a>d||Date.now()>f)return n(void 0);p()||e()}),0)}();else for(;a<=d&&Date.now()<=f;){const e=p();if(e)return e}}addToPath(e,t,o,n,r){const i=e.lastComponent;return i&&!r.oneChangePerToken&&i.added===t&&i.removed===o?{oldPos:e.oldPos+n,lastComponent:{count:i.count+1,added:t,removed:o,previousComponent:i.previousComponent}}:{oldPos:e.oldPos+n,lastComponent:{count:1,added:t,removed:o,previousComponent:i}}}extractCommon(e,t,o,n,r){const i=t.length,s=o.length;let l=e.oldPos,a=l-n,d=0;for(;a+1<i&&l+1<s&&this.equals(o[l+1],t[a+1],r);)a++,l++,d++,r.oneChangePerToken&&(e.lastComponent={count:1,previousComponent:e.lastComponent,added:!1,removed:!1});return d&&!r.oneChangePerToken&&(e.lastComponent={count:d,previousComponent:e.lastComponent,added:!1,removed:!1}),e.oldPos=l,a}equals(e,t,o){return o.comparator?o.comparator(e,t):e===t||!!o.ignoreCase&&e.toLowerCase()===t.toLowerCase()}removeEmpty(e){const t=[];for(let o=0;o<e.length;o++)e[o]&&t.push(e[o]);return t}castInput(e,t){return e}tokenize(e,t){return Array.from(e)}join(e){return e.join("")}postProcess(e,t){return e}get useLongestToken(){return!1}buildValues(e,t,o){const n=[];let r;for(;e;)n.push(e),r=e.previousComponent,delete e.previousComponent,e=r;n.reverse();const i=n.length;let s=0,l=0,a=0;for(;s<i;s++){const e=n[s];if(e.removed)e.value=this.join(o.slice(a,a+e.count)),a+=e.count;else{if(!e.added&&this.useLongestToken){let n=t.slice(l,l+e.count);n=n.map((function(e,t){const n=o[a+t];return n.length>e.length?n:e})),e.value=this.join(n)}else e.value=this.join(t.slice(l,l+e.count));l+=e.count,e.added||(a+=e.count)}}return n}}function s(e,t){let o;for(o=0;o<e.length&&o<t.length;o++)if(e[o]!=t[o])return e.slice(0,o);return e.slice(0,o)}function l(e,t){let o;if(!e||!t||e[e.length-1]!=t[t.length-1])return"";for(o=0;o<e.length&&o<t.length;o++)if(e[e.length-(o+1)]!=t[t.length-(o+1)])return e.slice(-o);return e.slice(-o)}function a(e,t,o){if(e.slice(0,t.length)!=t)throw Error(`string ${JSON.stringify(e)} doesn't start with prefix ${JSON.stringify(t)}; this is a bug`);return o+e.slice(t.length)}function d(e,t,o){if(!t)return e+o;if(e.slice(-t.length)!=t)throw Error(`string ${JSON.stringify(e)} doesn't end with suffix ${JSON.stringify(t)}; this is a bug`);return e.slice(0,-t.length)+o}function c(e,t){return a(e,t,"")}function f(e,t){return d(e,t,"")}function u(e,t){return t.slice(0,function(e,t){let o=0;e.length>t.length&&(o=e.length-t.length);let n=t.length;e.length<t.length&&(n=e.length);const r=Array(n);let i=0;r[0]=0;for(let e=1;e<n;e++){for(r[e]=t[e]==t[i]?r[i]:i;i>0&&t[e]!=t[i];)i=r[i];t[e]==t[i]&&i++}i=0;for(let n=o;n<e.length;n++){for(;i>0&&e[n]!=t[i];)i=r[i];e[n]==t[i]&&i++}return i}(e,t))}function h(e){let t;for(t=e.length-1;t>=0&&e[t].match(/\s/);t--);return e.substring(t+1)}function b(e){const t=e.match(/^\s*/);return t?t[0]:""}const v="a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}",p=new RegExp(`[${v}]+|\\s+|[^${v}]`,"ug"),m=new class extends i{equals(e,t,o){return o.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e.trim()===t.trim()}tokenize(e,t={}){let o;if(t.intlSegmenter){const n=t.intlSegmenter;if("word"!=n.resolvedOptions().granularity)throw new Error('The segmenter passed must have a granularity of "word"');o=[];for(const t of Array.from(n.segment(e))){const e=t.segment;o.length&&/\s/.test(o[o.length-1])&&/\s/.test(e)?o[o.length-1]+=e:o.push(e)}}else o=e.match(p)||[];const n=[];let r=null;return o.forEach((e=>{/\s/.test(e)?n.push(null==r?e:n.pop()+e):null!=r&&/\s/.test(r)?n.push(n[n.length-1]==r?n.pop()+e:r+e):n.push(e),r=e})),n}join(e){return e.map(((e,t)=>0==t?e:e.replace(/^\s+/,""))).join("")}postProcess(e,t){if(!e||t.oneChangePerToken)return e;let o=null,n=null,r=null;return e.forEach((e=>{e.added?n=e:e.removed?r=e:((n||r)&&g(o,r,n,e),o=e,n=null,r=null)})),(n||r)&&g(o,r,n,null),e}};function g(e,t,o,n){if(t&&o){const r=b(t.value),i=h(t.value),u=b(o.value),v=h(o.value);if(e){const n=s(r,u);e.value=d(e.value,u,n),t.value=c(t.value,n),o.value=c(o.value,n)}if(n){const e=l(i,v);n.value=a(n.value,v,e),t.value=f(t.value,e),o.value=f(o.value,e)}}else if(o){if(e){const e=b(o.value);o.value=o.value.substring(e.length)}if(n){const e=b(n.value);n.value=n.value.substring(e.length)}}else if(e&&n){const o=b(n.value),r=b(t.value),i=h(t.value),u=s(o,r);t.value=c(t.value,u);const v=l(c(o,u),i);t.value=f(t.value,v),n.value=a(n.value,o,v),e.value=d(e.value,o,o.slice(0,o.length-v.length))}else if(n){const e=b(n.value),o=u(h(t.value),e);t.value=f(t.value,o)}else if(e){const o=u(h(e.value),b(t.value));t.value=c(t.value,o)}}const x=new class extends i{constructor(){super(...arguments),this.tokenize=y}equals(e,t,o){return o.ignoreWhitespace?(o.newlineIsToken&&e.includes("\n")||(e=e.trim()),o.newlineIsToken&&t.includes("\n")||(t=t.trim())):o.ignoreNewlineAtEof&&!o.newlineIsToken&&(e.endsWith("\n")&&(e=e.slice(0,-1)),t.endsWith("\n")&&(t=t.slice(0,-1))),super.equals(e,t,o)}};function y(e,t){t.stripTrailingCr&&(e=e.replace(/\r\n/g,"\n"));const o=[],n=e.split(/(\n|\r\n)/);n[n.length-1]||n.pop();for(let e=0;e<n.length;e++){const r=n[e];e%2&&!t.newlineIsToken?o[o.length-1]+=r:o.push(r)}return o}function w(e,t,o){const n=[];for(;t<e.length&&"removed"===e[t].type;)n.push(e[t]),t++;const r=[];for(;t<e.length&&"added"===e[t].type;)r.push(e[t]),t++;const i=Math.max(n.length,r.length);for(let e=0;e<i;e++)o.push({left:e<n.length?n[e]:void 0,right:e<r.length?r[e]:void 0});return t}function k(e,t=!1){if("object"==typeof e&&null!==e)return JSON.stringify(_(e),null,4);if("string"==typeof e&&t)try{const t=JSON.parse(e);return JSON.stringify(_(t),null,4)}catch(t){return e}return String(null!=e?e:"")}function _(e){if(Array.isArray(e))return e.map(_);if(null!==e&&"object"==typeof e){const t={},o=Object.keys(e).sort(((e,t)=>e.localeCompare(t)));for(const n of o)t[n]=_(e[n]);return t}return e}function C(e){if(!e)return[];const t=e.split("\n");return t.length>0&&""===t.at(-1)&&t.pop(),t}function S(e,t){const o=m.diff(e,t,undefined);const n=[],r=[];for(const e of o)e.added?r.push({value:e.value,type:"added"}):e.removed?n.push({value:e.value,type:"removed"}):(n.push({value:e.value,type:"equal"}),r.push({value:e.value,type:"equal"}));return[n,r]}const j=[[/"(?:[^"\\]|\\.)*"/,"string"],[/-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/,"number"],[/\b(?:true|false)\b/,"boolean"],[/\bnull\b/,"null"],[/[{}[\]:,]/,"punctuation"]],D=new RegExp(j.map((([e])=>`(${e.source})`)).join("|"),"g");function O(e){for(const[t,[,o]]of j.entries())if(void 0!==e[t+1])return o;return"plain"}const M=class{constructor(t){e(this,t),this.oldValue="",this.newValue="",this.layout="unified",this.contextLines=3,this.lineWrapping=!0,this.reformatJson=!1,this.translationLanguage="en",this.diffResult={hunks:[],additions:0,deletions:0,allLines:[]},this.liveAnnouncement="",this.copyState="idle",this.searchVisible=!1,this.searchTerm="",this.currentMatchIndex=0,this.focusedRowIndex=-1,this.normalizedOldText="",this.searchMatchCounter=0,this.totalSearchMatches=0,this.isRenderingRemovedLine=!1,this.activeSearchRegex=null,this.prevSearchVisible=!1}componentWillLoad(){this.recomputeDiff()}componentDidRender(){var e,t;if(this.searchVisible&&!this.prevSearchVisible&&(null===(e=this.searchInputEl)||void 0===e||e.focus()),this.prevSearchVisible=this.searchVisible,this.searchTerm&&this.totalSearchMatches>0){const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".search-match--current");null==e||e.scrollIntoView({block:"center",behavior:"smooth"})}}render(){var e;this.searchMatchCounter=0,this.activeSearchRegex=(e=this.searchTerm)?new RegExp(`(${function(e){return e.replaceAll(/[.*+?^${}()|[\]\\]/g,String.raw`\$&`)}(e)})`,"gi"):null;const n=this.renderDiff();this.totalSearchMatches=this.searchMatchCounter;const r=this.computeLineNumberWidth();return t(o,{key:"8122ede0d323b9021dae44cd5f65703d03083617",style:{"--limel-line-number-min-width":r}},this.renderHeader(),this.renderScreenReaderSummary(),this.searchVisible&&this.renderSearchBar(),t("div",{key:"fefe6e4898cbc82b6eb87f7dff7af71a14c7c91e",class:"diff-body",role:"table","aria-label":this.getTranslation("code-diff.table-label"),tabindex:"0",onKeyDown:e=>this.handleKeyDown(e)},n),t("div",{key:"2af1c7b29f2060a58af13d67fb174cb4de085efb",class:"screen-reader-only",role:"status","aria-live":"polite","aria-atomic":"true"},this.liveAnnouncement))}watchInputs(){this.recomputeDiff()}recomputeDiff(){const e=k(this.oldValue,this.reformatJson),t=k(this.newValue,this.reformatJson);this.normalizedOldText=e,this.diffResult=function(e,t,o=3){const n=function(e,t){const o=x.diff(e,t,void 0),n=[];let r=1,i=1;for(const e of o){const t=C(e.value);for(const o of t)n.push(e.added?{type:"added",content:o,newLineNumber:i++}:e.removed?{type:"removed",content:o,oldLineNumber:r++}:{type:"context",content:o,oldLineNumber:r++,newLineNumber:i++})}return function(e){let t=0;for(;t<e.length;){const o=t;for(;t<e.length&&"removed"===e[t].type;)t++;const n=t,r=t;for(;t<e.length&&"added"===e[t].type;)t++;const i=n-o,s=t-r;if(i>0&&s>0){const t=Math.min(i,s);for(let n=0;n<t;n++){const t=e[o+n],i=e[r+n],[s,l]=S(t.content,i.content);t.segments=s,i.segments=l}}t===o&&t++}}(n),n}(e,t);return function(e,t){if(0===e.length)return{hunks:[],additions:0,deletions:0,allLines:e};let o=0,n=0;for(const t of e)"added"===t.type?o++:"removed"===t.type&&n++;if(0===o&&0===n)return{hunks:[],additions:0,deletions:0,allLines:e};const r=[];for(const[t,o]of e.entries())"context"!==o.type&&r.push(t);const i=function(e,t,o){if(0===e.length)return[];const n=[];let r=Math.max(0,e[0]-o),i=Math.min(t,e[0]+o+1);for(let s=1;s<e.length;s++){const l=Math.max(0,e[s]-o),a=Math.min(t,e[s]+o+1);l<=i?i=Math.max(i,a):(n.push({start:r,end:i}),r=l,i=a)}return n.push({start:r,end:i}),n}(r,e.length,t),s=[];let l=0;for(const t of i){const o=e.slice(t.start,t.end),n=t.start-l;s.push({lines:o,collapsedBefore:n>0?n:void 0,startIndex:t.start}),l=t.end}const a=i.at(-1);return{hunks:s,additions:o,deletions:n,collapsedAfter:a.end<e.length?e.length-a.end:void 0,allLines:e}}(n,o)}(e,t,this.contextLines),this.focusedRowIndex=-1}formatSrSummary(){const{additions:e,deletions:t}=this.diffResult;if(0===e&&0===t)return null;const o=[];return e>0&&o.push(this.getTranslation(1===e?"code-diff.diff-addition":"code-diff.diff-additions",{count:e})),t>0&&o.push(this.getTranslation(1===t?"code-diff.diff-deletion":"code-diff.diff-deletions",{count:t})),this.getTranslation("code-diff.diff-summary",{parts:o.join(", ")})}renderScreenReaderSummary(){const e=this.formatSrSummary();return t("div",{class:"screen-reader-only",role:"status","aria-live":"polite"},null!=e?e:this.getTranslation("code-diff.no-differences-found"))}handleKeyDown(e){if("ArrowUp"!==e.key&&"ArrowDown"!==e.key)return;e.preventDefault();const t=this.getDiffRows();0!==t.length&&(this.focusedRowIndex="ArrowDown"===e.key?Math.min(this.focusedRowIndex+1,t.length-1):Math.max(this.focusedRowIndex-1,0),this.updateRowFocus(t))}getDiffRows(){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".diff-body");return t?[...t.querySelectorAll(".diff-line:not(.diff-line--collapsed)")]:[]}updateRowFocus(e){for(const t of e)t.removeAttribute("tabindex"),t.classList.remove("diff-line--focused");const t=e[this.focusedRowIndex];t&&(t.setAttribute("tabindex","-1"),t.classList.add("diff-line--focused"),t.focus(),this.announceLine(t))}announceLine(e){var t,o;let n=this.getTranslation("code-diff.line-context");e.classList.contains("diff-line--added")?n=this.getTranslation("code-diff.line-added"):e.classList.contains("diff-line--removed")&&(n=this.getTranslation("code-diff.line-removed"));const r=null!==(o=null===(t=e.querySelector(".line-content, .split-content"))||void 0===t?void 0:t.textContent)&&void 0!==o?o:"",i=r.length>80?r.slice(0,80)+"…":r;this.liveAnnouncement=`${n}: ${i}`}renderHeader(){var e,o;const n=null!==(e=this.oldHeading)&&void 0!==e?e:this.getTranslation("code-diff.old-heading"),r=null!==(o=this.newHeading)&&void 0!==o?o:this.getTranslation("code-diff.new-heading"),{additions:i,deletions:s}=this.diffResult,l=i>0||s>0;return t("div",{class:"diff-header"},t("div",{class:"diff-header__labels"},t("span",{class:"diff-header__old"},n),t("span",{class:"diff-header__new"},r)),t("div",{class:"diff-header__actions"},t("div",{class:"diff-header__stats"},i>0&&t("span",{class:"stat stat--added"},"+",i),s>0&&t("span",{class:"stat stat--removed"},"-",s)),l&&this.renderCopyButton(),s>0&&this.renderSearchToggle()))}renderCopyButton(){const e=this.getTranslation("copied"===this.copyState?"code-diff.copied":"code-diff.copy-old-version");return t("limel-icon-button",{label:e,icon:"copied"===this.copyState?"checkmark":"copy",onClick:()=>this.copyToClipboard(this.normalizedOldText)})}async copyToClipboard(e){try{await navigator.clipboard.writeText(e),this.copyState="copied",this.liveAnnouncement=this.getTranslation("code-diff.copied-to-clipboard"),setTimeout((()=>{this.copyState="idle"}),2e3)}catch(e){}}renderSearchToggle(){return t("limel-icon-button",{class:{"search-toggle--active":this.searchVisible},label:this.getTranslation("code-diff.search"),icon:"search",onClick:()=>this.toggleSearch()})}renderSearchBar(){const e=0===this.totalSearchMatches?this.getTranslation("code-diff.no-matches"):this.getTranslation("code-diff.match-count",{current:this.currentMatchIndex+1,total:this.totalSearchMatches});return t("div",{class:"search-bar"},t("limel-input-field",{class:"search-bar__input",type:"search",placeholder:this.getTranslation("code-diff.search")+"…",value:this.searchTerm,onChange:e=>this.onSearchInput(e),onKeyDown:e=>this.onSearchKeyDown(e),ref:e=>this.searchInputEl=e}),t("span",{class:"search-bar__count"},e),t("limel-action-bar",{actions:this.getSearchActions(),onItemSelected:e=>this.onSearchAction(e)}))}toggleSearch(){this.searchVisible=!this.searchVisible,this.searchVisible||(this.searchTerm="",this.currentMatchIndex=0)}onSearchInput(e){this.searchTerm=e.detail,this.currentMatchIndex=0}onSearchKeyDown(e){"Enter"===e.key?(e.preventDefault(),this.navigateSearch(e.shiftKey?-1:1)):"Escape"===e.key&&this.toggleSearch()}computeLineNumberWidth(){return`calc(${String(this.diffResult.allLines.length).length}ch + 2 * var(--limel-code-diff-line-number-padding))`}getSearchActions(){const e=0===this.totalSearchMatches;return[{text:this.getTranslation("code-diff.previous-match"),icon:"-lime-caret-top",iconOnly:!0,disabled:e,value:"prev"},{text:this.getTranslation("code-diff.next-match"),icon:"-lime-caret-bottom",iconOnly:!0,disabled:e,value:"next"},{text:this.getTranslation("code-diff.close-search"),icon:"cancel",iconOnly:!0,value:"close"}]}onSearchAction(e){const{value:t}=e.detail;"prev"===t?this.navigateSearch(-1):"next"===t?this.navigateSearch(1):"close"===t&&this.toggleSearch()}navigateSearch(e){this.currentMatchIndex=function(e,t,o){return 0===o?0:(e+t+o)%o}(this.currentMatchIndex,e,this.totalSearchMatches)}renderDiff(){const{hunks:e,collapsedAfter:o}=this.diffResult;return 0===e.length?t("div",{class:"diff-empty"},this.getTranslation("code-diff.no-differences")):this.renderHunks(e,o,"split"===this.layout?e=>this.renderSplitHunkRows(e):e=>this.renderHunkLines(e))}renderHunks(e,t,o){const n=[];for(const[t,r]of e.entries())r.collapsedBefore&&n.push(this.renderCollapsedRow(r.collapsedBefore,t)),n.push(...o(r));return t&&n.push(this.renderCollapsedAfterRow(t)),n}renderHunkLines(e){const t=[];let o=0;for(;o<e.lines.length;){const n=e.lines[o];if("context"===n.type){t.push(this.renderLine(n)),o++;continue}const r=[];for(;o<e.lines.length&&"context"!==e.lines[o].type;)r.push(e.lines[o]),o++;t.push(this.renderChangeBlock(r))}return t}renderChangeBlock(e){const o=function(e){return e.filter((e=>"removed"===e.type)).map((e=>e.content)).join("\n")}(e);return t("div",{class:"change-group"},e.map((e=>this.renderLine(e))),o&&this.renderBlockCopyButton(o))}renderLine(e){var o,n;const r={added:"+",removed:"-",context:" "}[e.type];return t("div",{class:{"diff-line":!0,[`diff-line--${e.type}`]:!0},role:"row"},t("span",{class:"line-number line-number--old",role:"cell","aria-label":e.oldLineNumber?this.getTranslation("code-diff.old-line",{number:e.oldLineNumber}):void 0},null!==(o=e.oldLineNumber)&&void 0!==o?o:""),t("span",{class:"line-number line-number--new",role:"cell","aria-label":e.newLineNumber?this.getTranslation("code-diff.new-line",{number:e.newLineNumber}):void 0},null!==(n=e.newLineNumber)&&void 0!==n?n:""),t("span",{class:"line-indicator",role:"cell"},r),t("span",{class:"line-content",role:"cell"},this.renderContent(e)))}renderSplitHunkRows(e){var t,o,n,r;const i=function(e){const t=[];let o=0;for(;o<e.length;){const n=e[o];"context"!==n.type?o=w(e,o,t):(t.push({left:n,right:n}),o++)}return t}(e.lines),s=[];let l=0;for(;l<i.length;){const e=i[l];if("context"===(null===(t=e.left)||void 0===t?void 0:t.type)&&"context"===(null===(o=e.right)||void 0===o?void 0:o.type)){s.push(this.renderSplitRow(e)),l++;continue}const a=[];for(;l<i.length;){const e=i[l];if("context"===(null===(n=e.left)||void 0===n?void 0:n.type)&&"context"===(null===(r=e.right)||void 0===r?void 0:r.type))break;a.push(e),l++}s.push(this.renderSplitChangeBlock(a))}return s}renderSplitChangeBlock(e){const o=function(e){return e.filter((e=>{var t;return"removed"===(null===(t=e.left)||void 0===t?void 0:t.type)})).map((e=>e.left.content)).join("\n")}(e);return t("div",{class:"change-group"},e.map((e=>this.renderSplitRow(e))),o&&this.renderBlockCopyButton(o))}renderSplitRow(e){var o,n,r,i,s,l,a,d,c,f;const u=null!==(n=null===(o=e.left)||void 0===o?void 0:o.type)&&void 0!==n?n:"empty",h=null!==(i=null===(r=e.right)||void 0===r?void 0:r.type)&&void 0!==i?i:"empty",b=(null===(s=e.left)||void 0===s?void 0:s.oldLineNumber)?this.getTranslation("code-diff.old-line",{number:e.left.oldLineNumber}):void 0,v=(null===(l=e.right)||void 0===l?void 0:l.newLineNumber)?this.getTranslation("code-diff.new-line",{number:e.right.newLineNumber}):void 0;return t("div",{class:"diff-line diff-line--split",role:"row"},t("span",{class:"line-number line-number--old",role:"cell","aria-label":b},null!==(d=null===(a=e.left)||void 0===a?void 0:a.oldLineNumber)&&void 0!==d?d:""),t("span",{class:`split-content split-content--left split-content--${u}`,role:"cell"},e.left?this.renderContent(e.left):""),t("span",{class:"line-number line-number--new",role:"cell","aria-label":v},null!==(f=null===(c=e.right)||void 0===c?void 0:c.newLineNumber)&&void 0!==f?f:""),t("span",{class:`split-content split-content--right split-content--${h}`,role:"cell"},e.right?this.renderContent(e.right):""))}renderBlockCopyButton(e){return t("limel-icon-button",{class:"change-group__copy",elevated:!0,label:this.getTranslation("code-diff.copy-change"),icon:"copy",onClick:()=>this.copyToClipboard(e)})}renderContent(e){return this.isRenderingRemovedLine="removed"===e.type&&this.searchTerm.length>0,e.segments&&0!==e.segments.length?e.segments.map((t=>this.renderSegment(t,e.type))):this.renderSyntaxTokens(e.content)}renderSegment(e,o){const n=this.renderSyntaxTokens(e.value);return"equal"===e.type?n:t("mark",{class:"removed"===o?"segment--removed":"segment--added"},n)}renderSyntaxTokens(e){const t=function(e,t){return t&&0!==e.length&&"json"===t?function(e){const t=[];let o=0;D.lastIndex=0;let n=D.exec(e);for(;null!==n;){n.index>o&&t.push({value:e.slice(o,n.index),type:"plain"});const r=O(n),i=n[0];if("string"===r){const o=e.slice(n.index+i.length);/^\s*:/.test(o)?t.push({value:i,type:"key"}):t.push({value:i,type:"string"})}else t.push({value:i,type:r});o=n.index+i.length,n=D.exec(e)}return o<e.length&&t.push({value:e.slice(o),type:"plain"}),t}(e):[{value:e,type:"plain"}]}(e,this.language);return 1===t.length&&"plain"===t[0].type?this.renderSearchableText(e):t.map((e=>this.renderSyntaxToken(e)))}renderSyntaxToken(e){const o=this.renderSearchableText(e.value);return"plain"===e.type?o:t("span",{class:`syntax--${e.type}`},o)}renderSearchableText(e){if(!this.isRenderingRemovedLine||!this.activeSearchRegex)return e;const o=e.split(this.activeSearchRegex);return 1===o.length?e:o.map(((e,o)=>{if(o%2==0)return e;const n=this.searchMatchCounter++;return t("mark",{key:`match-${n}`,class:{"search-match":!0,"search-match--current":n===this.currentMatchIndex}},e)}))}renderCollapsedRow(e,o){return t("div",{class:"diff-line diff-line--collapsed",role:"row"},t("button",{class:"expand-button",type:"button",onClick:()=>this.expandHunk(o),"aria-label":this.getTranslation("code-diff.show-hidden-lines",{count:e})},this.getTranslation("code-diff.hidden-lines",{count:e})))}renderCollapsedAfterRow(e){return t("div",{class:"diff-line diff-line--collapsed",role:"row"},t("button",{class:"expand-button",type:"button",onClick:()=>this.expandAfter(),"aria-label":this.getTranslation("code-diff.show-hidden-lines",{count:e})},this.getTranslation("code-diff.hidden-lines",{count:e})))}expandHunk(e){const t=[...this.diffResult.hunks],o=t[e],n=e>0?t[e-1].startIndex+t[e-1].lines.length:0,r=this.diffResult.allLines.slice(n,o.startIndex);t[e]=Object.assign(Object.assign({},o),{lines:[...r,...o.lines],collapsedBefore:void 0,startIndex:n}),this.diffResult=Object.assign(Object.assign({},this.diffResult),{hunks:t}),this.liveAnnouncement=this.getTranslation("code-diff.expanded-lines")}expandAfter(){const e=[...this.diffResult.hunks],t=e.length-1,o=e[t],n=this.diffResult.allLines.slice(o.startIndex+o.lines.length);e[t]=Object.assign(Object.assign({},o),{lines:[...o.lines,...n]}),this.diffResult=Object.assign(Object.assign({},this.diffResult),{hunks:e,collapsedAfter:void 0}),this.liveAnnouncement=this.getTranslation("code-diff.expanded-lines-end")}getTranslation(e,t){return r.get(e,this.translationLanguage,t)}get host(){return n(this)}static get watchers(){return{oldValue:[{watchInputs:0}],newValue:[{watchInputs:0}],contextLines:[{watchInputs:0}],reformatJson:[{watchInputs:0}],layout:[{watchInputs:0}]}}};M.style='@charset "UTF-8";*,*::before,*::after{box-sizing:border-box;min-width:0;min-height:0}:host(limel-code-diff){--diff-added-bg:rgb(var(--color-green-default), 0.1);--diff-added-bg-hover:rgb(var(--color-green-default), 0.3);--diff-added-highlight-bg:rgb(var(--color-green-default), 0.3);--diff-removed-bg:rgb(var(--color-red-default), 0.1);--diff-removed-bg-hover:rgb(var(--color-red-default), 0.3);--diff-removed-highlight-bg:rgb(var(--color-red-default), 0.3);--diff-context-bg:transparent;--diff-indicator-added-color:rgb(var(--color-green-default));--diff-indicator-removed-color:rgb(var(--color-red-default));--diff-stat-added-color:rgb(var(--color-green-default));--diff-stat-removed-color:rgb(var(--color-red-default));--search-match-bg:rgb(var(--color-amber-default), 0.3);--search-match-current-bg:rgb(var(--color-amber-default), 0.6);--diff-line-hover-bg:rgb(var(--contrast-800), 0.08);--diff-gutter-bg:rgb(var(--contrast-200));--diff-gutter-text-color:rgb(var(--contrast-700));--diff-text-color:rgb(var(--contrast-1100));--diff-border-color:rgb(var(--contrast-400));--diff-collapsed-bg:rgb(var(--contrast-200));--diff-collapsed-text-color:rgb(var(--contrast-800));--diff-header-bg:rgb(var(--contrast-200));--diff-empty-text-color:rgb(var(--contrast-700));--diff-split-divider-color:rgb(var(--contrast-400));--diff-empty-cell-bg:rgb(var(--contrast-100));--syntax-string-color:rgb(var(--color-green-dark));--syntax-number-color:rgb(var(--color-blue-default));--syntax-boolean-color:rgb(var(--color-amber-darker));--syntax-key-color:rgb(var(--color-sky-dark));--syntax-null-color:rgb(var(--contrast-700));--syntax-punctuation-color:rgb(var(--contrast-700));--search-bar-bg:rgb(var(--contrast-100));--search-bar-border:rgb(var(--contrast-400));--limel-code-diff-line-number-padding:0.25rem;font-family:ui-sans-serif, system-ui, sans-serif;display:flex;flex-direction:column;width:100%;height:100%;color:var(--diff-text-color);border:1px solid var(--diff-border-color);border-radius:0.5rem;max-height:var(--code-diff-max-height, none)}.screen-reader-only{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}.diff-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0.125rem 0.125rem 0.125rem 0.5rem;background:var(--diff-header-bg);border-bottom:1px solid var(--diff-border-color);font-family:ui-sans-serif, system-ui, sans-serif;font-size:0.75rem;border-radius:0.5rem 0.5rem 0 0}.diff-header__labels{display:flex;gap:0.75rem;font-weight:500}.diff-header__old,.diff-header__new{padding:0.125rem 0.25rem;border-radius:0.25rem;box-shadow:var(--shadow-brighten-edges-outside)}.diff-header__old{background-color:var(--diff-removed-bg)}.diff-header__new{background-color:var(--diff-added-bg)}.diff-header__actions{display:flex;align-items:center;gap:0.25rem}.search-toggle--active{--limel-theme-on-surface-color:var(--mdc-theme-primary)}.diff-header__stats{font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;display:flex;gap:0.5rem;margin-right:0.5rem}.stat{font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-size:0.8125rem;font-weight:600}.stat--added{color:var(--diff-stat-added-color)}.stat--removed{color:var(--diff-stat-removed-color)}.search-bar{flex-shrink:0;display:flex;align-items:center;gap:0.25rem;padding:0.25rem 0 0.25rem 0.25rem;background:var(--search-bar-bg);border-bottom:1px solid var(--search-bar-border)}.search-bar limel-action-bar{--action-bar-background-color:transparent;min-width:2.5rem;flex-shrink:0}.search-bar limel-input-field{flex-grow:1}.search-bar__count{color:var(--diff-collapsed-text-color);white-space:nowrap;min-width:4rem;text-align:center;font-size:0.75rem}.search-match{background:var(--search-match-bg);color:inherit;border-radius:0.125rem}.search-match--current{background:var(--search-match-current-bg);outline:1px solid rgb(var(--color-amber-dark), 0.5)}.change-group{position:relative}.change-group__copy{--icon-background-color:rgb(var(--contrast-100));scale:0.9;position:absolute;top:0.125rem;right:0.5rem;display:none}.change-group:hover .change-group__copy{display:inline-flex}.diff-body{flex-grow:1;overflow-x:auto;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-size:var(--code-diff-font-size, 0.75rem)}.diff-body:focus{outline:none}.diff-body:focus-visible{outline:0.125rem solid rgb(var(--color-blue-default));outline-offset:0.125rem;border-radius:0.25rem}.diff-line{display:flex;align-items:stretch;min-height:1.25rem;line-height:1.25rem}.diff-line:hover .line-content{transition-duration:0.2s;background:var(--diff-line-hover-bg)}.diff-line--added .line-content{background:var(--diff-added-bg)}.diff-line--added .line-indicator{color:var(--diff-indicator-added-color)}.diff-line--added:hover .line-content{background:var(--diff-added-bg-hover)}.diff-line--removed .line-content{background:var(--diff-removed-bg)}.diff-line--removed .line-indicator{color:var(--diff-indicator-removed-color)}.diff-line--removed:hover .line-content{background:var(--diff-removed-bg-hover)}.diff-line--context .line-content{background:var(--diff-context-bg)}.diff-line--collapsed{display:flex;justify-content:center;background:var(--diff-collapsed-bg);border-top:1px solid var(--diff-border-color);border-bottom:1px solid var(--diff-border-color)}.diff-line--focused{outline:0.125rem solid rgb(var(--color-blue-default));outline-offset:-0.125rem;z-index:1}.line-number{display:inline-flex;align-items:center;justify-content:flex-end;min-width:calc(1ch + 2 * var(--limel-code-diff-line-number-padding));width:var(--limel-line-number-min-width);padding:0 var(--limel-code-diff-line-number-padding);background:var(--diff-gutter-bg);color:var(--diff-gutter-text-color);user-select:none;text-align:right;flex-shrink:0}.line-number--old{border-right:1px solid var(--diff-border-color)}.line-indicator{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;flex-shrink:0;user-select:none;font-weight:600;background:var(--diff-gutter-bg)}.line-content{flex:1;padding:0 0.75rem;white-space:pre;overflow-x:visible;min-width:0;transition:background-color 0.6s ease}mark{background:transparent;color:inherit;border-radius:0.125rem}mark.segment--added{background:var(--diff-added-highlight-bg)}mark.segment--removed{background:var(--diff-removed-highlight-bg)}.syntax--string{color:var(--syntax-string-color)}.syntax--number{color:var(--syntax-number-color)}.syntax--boolean{color:var(--syntax-boolean-color)}.syntax--null{color:var(--syntax-null-color);font-style:italic}.syntax--key{color:var(--syntax-key-color)}.syntax--punctuation{color:var(--syntax-punctuation-color)}.expand-button{all:unset;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:var(--limel-theme-on-surface-color);background-color:transparent}.expand-button:hover,.expand-button:focus,.expand-button:focus-visible{will-change:color, background-color, box-shadow, transform}.expand-button:hover,.expand-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.expand-button:hover{box-shadow:var(--button-shadow-hovered)}.expand-button: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)}.expand-button:hover,.expand-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.expand-button:focus{outline:none}.expand-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.expand-button{padding:0 0.75rem;border-radius:0.25rem;margin:0.125rem;width:calc(100% - 0.25rem);text-align:center}.diff-empty{padding:2rem;text-align:center;color:var(--diff-empty-text-color);font-style:italic}.diff-line--split{display:flex;align-items:stretch;min-height:1.25rem;line-height:1.25rem}.diff-line--split:hover .split-content--removed{background:var(--diff-removed-bg-hover)}.diff-line--split:hover .split-content--added{background:var(--diff-added-bg-hover)}.diff-line--split:hover .split-content--context{background:var(--diff-line-hover-bg)}.split-content{flex:1;padding:0 0.75rem;white-space:pre;overflow-x:visible;min-width:0}.split-content--left{border-right:1px solid var(--diff-split-divider-color)}.split-content--removed{background:var(--diff-removed-bg)}.split-content--added{background:var(--diff-added-bg)}.split-content--context{background:var(--diff-context-bg)}.split-content--empty{background:var(--diff-empty-cell-bg)}.split-content--left{overflow-x:hidden;text-overflow:ellipsis}.change-group:has(.diff-line--split)>.change-group__copy{right:calc(50% - var(--limel-line-number-min-width))}:host(limel-code-diff[line-wrapping]) .diff-body{overflow-x:hidden}:host(limel-code-diff[line-wrapping]) .line-content,:host(limel-code-diff[line-wrapping]) .split-content{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all}:host(limel-code-diff[line-wrapping]) .diff-line--split .split-content{flex:1 1 0%;max-width:calc(50% - var(--limel-line-number-min-width))}';export{M as limel_code_diff}

package/dist/lime-elements/scss/mixins.scss

@@ -1,10 +1,12 @@
 /**
- * Note! This file is exported to `dist/scss/` in the published
- * node module, for consumer projects to import.
- * That means this file cannot import from any file that isn't
- * also exported, keeping the same relative path.
+ * Note! This file is forwarded via `src/style/exports.scss`
+ * and exposed to consumers through the root `index.scss`.
  *
- * Or, just don't import anything, that works too.
+ * Consumers import it using:
+ * `@use '@limetech/lime-elements' as lime-elements;`
+ *
+ * Legacy import paths (`dist/scss/mixins`) are maintained
+ * for backward compatibility via copy rules in the Stencil config.
  */
 
 @mixin visualize-keyboard-focus {

package/dist/lime-elements/style/exports.scss

@@ -0,0 +1,12 @@
+/**
+ * Public SCSS exports for consumers of @limetech/lime-elements.
+ *
+ * This file provides reusable styling utilities.
+ *
+ * Import this file using:
+ * `@use '@limetech/lime-elements' as lime-elements;`
+ *
+ * For detailed documentation of each utility, its parameters,
+ * and usage examples, refer to the respective source files.
+ */
+@forward 'mixins';

package/dist/lime-elements/style/mixins.scss

@@ -1,10 +1,12 @@
 /**
- * Note! This file is exported to `dist/scss/` in the published
- * node module, for consumer projects to import.
- * That means this file cannot import from any file that isn't
- * also exported, keeping the same relative path.
+ * Note! This file is forwarded via `src/style/exports.scss`
+ * and exposed to consumers through the root `index.scss`.
  *
- * Or, just don't import anything, that works too.
+ * Consumers import it using:
+ * `@use '@limetech/lime-elements' as lime-elements;`
+ *
+ * Legacy import paths (`dist/scss/mixins`) are maintained
+ * for backward compatibility via copy rules in the Stencil config.
  */
 
 @mixin visualize-keyboard-focus {