@limetech/lime-elements 38.16.2 → 38.17.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 +25 -0
- package/dist/cjs/limel-breadcrumbs_8.cjs.entry.js +2 -1
- package/dist/cjs/limel-breadcrumbs_8.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js +4 -2
- package/dist/cjs/limel-chip_2.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-info-tile.cjs.entry.js +5 -3
- package/dist/cjs/limel-info-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-markdown.cjs.entry.js +1 -1
- package/dist/cjs/limel-markdown.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-shortcut.cjs.entry.js +4 -2
- package/dist/cjs/limel-shortcut.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +1 -5
- package/dist/cjs/limel-table.cjs.entry.js.map +1 -1
- package/dist/cjs/{link-helper-14629490.js → link-helper-9486031c.js} +22 -1
- package/dist/cjs/link-helper-9486031c.js.map +1 -0
- package/dist/collection/components/chip/chip.js +5 -2
- package/dist/collection/components/chip/chip.js.map +1 -1
- package/dist/collection/components/info-tile/info-tile.js +5 -3
- package/dist/collection/components/info-tile/info-tile.js.map +1 -1
- package/dist/collection/components/input-field/input-field.js +2 -1
- package/dist/collection/components/input-field/input-field.js.map +1 -1
- package/dist/collection/components/markdown/markdown.css +37 -12
- package/dist/collection/components/shortcut/shortcut.js +4 -2
- package/dist/collection/components/shortcut/shortcut.js.map +1 -1
- package/dist/collection/components/table/table.js +1 -5
- package/dist/collection/components/table/table.js.map +1 -1
- package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.css +25 -12
- package/dist/collection/global/shared-types/link.types.js.map +1 -1
- package/dist/collection/util/link-helper.js +20 -0
- package/dist/collection/util/link-helper.js.map +1 -1
- package/dist/esm/limel-breadcrumbs_8.entry.js +2 -1
- package/dist/esm/limel-breadcrumbs_8.entry.js.map +1 -1
- package/dist/esm/limel-chip_2.entry.js +4 -2
- package/dist/esm/limel-chip_2.entry.js.map +1 -1
- package/dist/esm/limel-info-tile.entry.js +5 -3
- package/dist/esm/limel-info-tile.entry.js.map +1 -1
- package/dist/esm/limel-markdown.entry.js +1 -1
- package/dist/esm/limel-markdown.entry.js.map +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js.map +1 -1
- package/dist/esm/limel-shortcut.entry.js +4 -2
- package/dist/esm/limel-shortcut.entry.js.map +1 -1
- package/dist/esm/limel-table.entry.js +1 -5
- package/dist/esm/limel-table.entry.js.map +1 -1
- package/dist/esm/{link-helper-0c4a5c2e.js → link-helper-1522032e.js} +22 -2
- package/dist/esm/link-helper-1522032e.js.map +1 -0
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-0adbd58c.entry.js +2 -0
- package/dist/lime-elements/p-0adbd58c.entry.js.map +1 -0
- package/dist/lime-elements/p-1e7cec06.entry.js +2 -0
- package/dist/lime-elements/p-1e7cec06.entry.js.map +1 -0
- package/dist/lime-elements/{p-dd056e15.entry.js → p-466bf5f4.entry.js} +2 -2
- package/dist/lime-elements/{p-dd056e15.entry.js.map → p-466bf5f4.entry.js.map} +1 -1
- package/dist/lime-elements/{p-fbc07821.entry.js → p-a0186098.entry.js} +14 -14
- package/dist/lime-elements/p-a0186098.entry.js.map +1 -0
- package/dist/lime-elements/p-b0d3099c.entry.js.map +1 -1
- package/dist/lime-elements/p-b9101ec8.entry.js +2 -0
- package/dist/lime-elements/p-b9101ec8.entry.js.map +1 -0
- package/dist/lime-elements/p-cfe06c44.js +2 -0
- package/dist/lime-elements/p-cfe06c44.js.map +1 -0
- package/dist/lime-elements/p-e50680a4.entry.js +2 -0
- package/dist/lime-elements/p-e50680a4.entry.js.map +1 -0
- package/dist/types/global/shared-types/link.types.d.ts +8 -0
- package/dist/types/util/link-helper.d.ts +12 -0
- package/package.json +1 -1
- package/dist/cjs/link-helper-14629490.js.map +0 -1
- package/dist/esm/link-helper-0c4a5c2e.js.map +0 -1
- package/dist/lime-elements/p-19c509c3.js +0 -2
- package/dist/lime-elements/p-19c509c3.js.map +0 -1
- package/dist/lime-elements/p-19e93fb0.entry.js +0 -2
- package/dist/lime-elements/p-19e93fb0.entry.js.map +0 -1
- package/dist/lime-elements/p-237f85c1.entry.js +0 -2
- package/dist/lime-elements/p-237f85c1.entry.js.map +0 -1
- package/dist/lime-elements/p-895ae176.entry.js +0 -2
- package/dist/lime-elements/p-895ae176.entry.js.map +0 -1
- package/dist/lime-elements/p-c30e11ce.entry.js +0 -2
- package/dist/lime-elements/p-c30e11ce.entry.js.map +0 -1
- package/dist/lime-elements/p-fbc07821.entry.js.map +0 -1
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-174a078a.js');
|
|
6
|
+
const linkHelper = require('./link-helper-9486031c.js');
|
|
6
7
|
const _3dTiltHoverEffect = require('./3d-tilt-hover-effect-ef81ae4c.js');
|
|
7
8
|
|
|
8
9
|
const shortcutCss = "@charset \"UTF-8\";:host(limel-shortcut){--badge-text-color:var(\n --shortcut-badge-text-color,\n rgb(var(--color-white))\n );--badge-background-color:var(\n --shortcut-badge-background-color,\n rgb(var(--color-red-default))\n );position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:0.0625rem}:host(limel-shortcut) *{box-sizing:border-box}:host(limel-shortcut[disabled]) a{opacity:0.5;box-shadow:unset;cursor:not-allowed}a{all:unset;text-align:center;height:calc(100% - 1rem);width:calc(100% - 1rem);padding:0.5rem;border-radius:var(--shortcut-border-radius, 1rem);background-color:var(--shortcut-background-color, var(--lime-elevated-surface-background-color))}limel-icon{display:flex;height:100%;width:100%;justify-content:center;color:var(--shortcut-icon-color, rgb(var(--contrast-1000)));border-radius:var(--shortcut-border-radius, 1rem)}span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--shortcut-label-color, rgb(var(--contrast-1100)));font-size:0.75rem;text-align:center}limel-badge{position:absolute;top:-0.25rem;right:0.125rem}limel-3d-hover-effect-glow{border-radius:var(--shortcut-border-radius, 1rem)}:host(limel-shortcut){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-shortcut){perspective:2000px}}a{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);cursor:pointer;box-shadow:var(--button-shadow-normal)}a:focus{outline:none}a:hover,a:focus,a:focus-visible,a:focus-within{will-change:background-color, box-shadow, transform}a:hover,a:focus,a:focus-visible,a:active{transition-duration:0.2s}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}a:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}a:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}a:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}";
|
|
@@ -45,8 +46,9 @@ const Shortcut = class {
|
|
|
45
46
|
this.handleMouseLeave = handleMouseLeave;
|
|
46
47
|
}
|
|
47
48
|
render() {
|
|
48
|
-
var _a, _b, _c;
|
|
49
|
-
|
|
49
|
+
var _a, _b, _c, _d, _e;
|
|
50
|
+
const rel = linkHelper.getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
|
|
51
|
+
return (index.h(index.Host, { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("a", { "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, index.h("limel-icon", { name: this.icon }), index.h("limel-3d-hover-effect-glow", null)), this.renderLabel(), this.renderNotification()));
|
|
50
52
|
}
|
|
51
53
|
get host() { return index.getElement(this); }
|
|
52
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"limel-shortcut.entry.cjs.js","mappings":"
|
|
1
|
+
{"file":"limel-shortcut.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,WAAW,GAAG,qjFAAqjF;;MCyB5jF,QAAQ;;;IAwET,gBAAW,GAAG;MAClB,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAOA,iCAAkB,MAAM,IAAE,IAAI,CAAC,KAAK,CAAQ,CAAC;OACvD;KACJ,CAAC;IAEM,iBAAY,GAAG;;MACnB,IAAI,IAAI,CAAC,KAAK,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAA,EAAE;QAChC,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;OAC9C;MAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC;OACrB;MAED,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;OAC1B;MAED,OAAO,SAAS,CAAC;KACpB,CAAC;IAEM,uBAAkB,GAAG;MACzB,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAOA,yBAAa,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC;OAC7C;KACJ,CAAC;;iBAvFsB,IAAI;oBAMA,KAAK;;;;EAqB1B,iBAAiB;IACpB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAGC,wCAAqB,CAChE,IAAI,CAAC,IAAI,CACZ,CAAC;IACF,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IACzC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;GAC5C;EAEM,MAAM;;IACT,MAAM,GAAG,GAAGC,iBAAM,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC;IAEtD,QACIF,QAACG,UAAI,IACD,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,YAAY,EAAE,IAAI,CAAC,gBAAgB,IAEnCH,gCACmB,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,EACrB,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EACzB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,GAAG,gBACA,IAAI,CAAC,YAAY,EAAE,EAC/B,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,IAEvBA,wBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EAC/BA,2CAA8B,CAC9B,EACH,IAAI,CAAC,WAAW,EAAE,EAClB,IAAI,CAAC,kBAAkB,EAAE,CACvB,EACT;GACL;;;;;;;","names":["h","getMouseEventHandlers","getRel","Host"],"sources":["./src/components/shortcut/shortcut.scss?tag=limel-shortcut&encapsulation=shadow","./src/components/shortcut/shortcut.tsx"],"sourcesContent":["/**\n* @prop --shortcut-border-radius: defines the radius of corners of the shortcut. Defaults to `1rem`\n* @prop --shortcut-icon-color: defines the fill color of the shortcut icon. Defaults to `--contrast-1000`\n* @prop --shortcut-label-color: defines the color of the shortcut label. Defaults to `--contrast-1100`\n* @prop --shortcut-background-color: defines the backgrounds color of the shortcut icon. Defaults to `--lime-elevated-surface-background-color`\n* @prop --shortcut-badge-text-color: Text color of the notification badge. Defaults to `--color-white`\n* @prop --shortcut-badge-background-color: Background color of the notification badge. Defaults to `--color-red-default`\n*/\n\n@use '../../style/mixins';\n\n:host(limel-shortcut) {\n --badge-text-color: var(\n --shortcut-badge-text-color,\n rgb(var(--color-white))\n );\n --badge-background-color: var(\n --shortcut-badge-background-color,\n rgb(var(--color-red-default))\n );\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n row-gap: 0.0625rem; //1px\n\n * {\n box-sizing: border-box;\n }\n}\n\n:host(limel-shortcut[disabled]) {\n a {\n opacity: 0.5;\n box-shadow: unset;\n cursor: not-allowed;\n }\n}\n\na {\n all: unset;\n text-align: center;\n\n height: calc(100% - 1rem);\n width: calc(100% - 1rem);\n padding: 0.5rem;\n\n border-radius: var(--shortcut-border-radius, 1rem);\n background-color: var(\n --shortcut-background-color,\n var(--lime-elevated-surface-background-color)\n );\n}\n\nlimel-icon {\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n color: var(--shortcut-icon-color, rgb(var(--contrast-1000)));\n border-radius: var(--shortcut-border-radius, 1rem);\n}\n\nspan {\n @include mixins.truncate-text;\n width: 100%;\n color: var(--shortcut-label-color, rgb(var(--contrast-1100)));\n font-size: 0.75rem;\n text-align: center;\n}\n\nlimel-badge {\n position: absolute;\n top: -0.25rem;\n right: 0.125rem;\n}\n\n// The 3D effect\nlimel-3d-hover-effect-glow {\n border-radius: var(--shortcut-border-radius, 1rem);\n}\n\n:host(limel-shortcut) {\n @include mixins.parent-of-the-3d-element;\n}\n\na {\n @include mixins.the-3d-element;\n\n @include mixins.the-3d-element--clickable;\n}\n","import { Component, Prop, h, Element, Host } from '@stencil/core';\nimport { Link } from '../../global/shared-types/link.types';\nimport { getRel } from '../../util/link-helper';\nimport { getMouseEventHandlers } from '../../util/3d-tilt-hover-effect';\n\n/**\n * This component can be used on places such as a start page or a dashboard.\n * Clicking on the component should navigate the user to a new screen,\n * to which you need to provide a URL, by specifying an `href` for the `link` property.\n *\n * By default, this navigation will happen within the same browser tab.\n * However, it is possible to override that behavior, by specifying a `target`\n * for the `link` property\n *\n * @exampleComponent limel-example-shortcut\n * @exampleComponent limel-example-shortcut-notification\n * @exampleComponent limel-example-shortcut-styling\n * @exampleComponent limel-example-shortcut-with-click-handler\n */\n\n@Component({\n tag: 'limel-shortcut',\n shadow: true,\n styleUrl: 'shortcut.scss',\n})\nexport class Shortcut {\n /**\n * Name of icon for the shortcut.\n */\n @Prop({ reflect: true })\n public icon: string;\n\n /**\n * The text to show below the shortcut. Long label will be truncated.\n */\n @Prop({ reflect: true })\n public label?: string = null;\n\n /**\n * Set to `true` if shortcut is disabled.\n */\n @Prop({ reflect: true })\n public disabled?: boolean = false;\n\n /**\n * If specified, will display a notification badge\n * on the shortcut.\n */\n @Prop({ reflect: true })\n public badge?: number | string;\n\n /**\n * If supplied, the shortcut will be a clickable link.\n */\n @Prop()\n public link?: Link;\n\n @Element()\n private host: HTMLElement;\n\n private handleMouseEnter: () => void;\n private handleMouseLeave: () => void;\n\n public componentWillLoad() {\n const { handleMouseEnter, handleMouseLeave } = getMouseEventHandlers(\n this.host,\n );\n this.handleMouseEnter = handleMouseEnter;\n this.handleMouseLeave = handleMouseLeave;\n }\n\n public render() {\n const rel = getRel(this.link?.target, this.link?.rel);\n\n return (\n <Host\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n >\n <a\n aria-disabled={this.disabled}\n href={this.link?.href}\n target={this.link?.target}\n rel={rel}\n tabindex=\"0\"\n aria-label={this.getAriaLabel()}\n title={this.link?.title}\n >\n <limel-icon name={this.icon} />\n <limel-3d-hover-effect-glow />\n </a>\n {this.renderLabel()}\n {this.renderNotification()}\n </Host>\n );\n }\n\n private renderLabel = () => {\n if (this.label) {\n return <span aria-hidden=\"true\">{this.label}</span>;\n }\n };\n\n private getAriaLabel = () => {\n if (this.label && this.link?.title) {\n return this.label + '. ' + this.link.title;\n }\n\n if (this.label) {\n return this.label;\n }\n\n if (this.link?.title) {\n return this.link.title;\n }\n\n return undefined;\n };\n\n private renderNotification = () => {\n if (this.badge) {\n return <limel-badge label={this.badge} />;\n }\n };\n}\n"],"version":3}
|
|
@@ -24593,11 +24593,7 @@ const Table = class {
|
|
|
24593
24593
|
}
|
|
24594
24594
|
const aggregate = this.aggregates.find((a) => a.field === column.field);
|
|
24595
24595
|
if (aggregate) {
|
|
24596
|
-
column.aggregator = (col,
|
|
24597
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
24598
|
-
_values,
|
|
24599
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
24600
|
-
_data) => {
|
|
24596
|
+
column.aggregator = (col, _values, _data) => {
|
|
24601
24597
|
var _a;
|
|
24602
24598
|
if (!col) {
|
|
24603
24599
|
return undefined;
|