@aquera/nile-elements 0.0.98 → 0.0.99
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/README.md +7 -0
- package/demo/variables.css +1 -1
- package/demo/variables_v2.css +1 -1
- package/dist/nile-icon/icons/svg/every.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/every.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/every.esm.js +1 -1
- package/dist/nile-icon/icons/svg/logout.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/logout.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/logout.esm.js +1 -1
- package/dist/nile-icon/icons/svg/notscheduled.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/notscheduled.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/notscheduled.esm.js +1 -1
- package/dist/nile-icon/icons/svg/schedule.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/schedule.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/schedule.esm.js +1 -1
- package/dist/nile-popover/index.cjs.js +1 -1
- package/dist/nile-popover/index.esm.js +1 -1
- package/dist/nile-popover/nile-popover.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.esm.js +4 -4
- package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.test.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.test.esm.js +1 -1
- package/dist/nile-select/nile-select.css.cjs.js +1 -1
- package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.css.esm.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +8 -2
- package/dist/nile-table-header-item/nile-table-header-item.esm.js +11 -8
- package/dist/nile-toolbar/nile-toolbar.css.cjs.js +1 -1
- package/dist/nile-toolbar/nile-toolbar.css.cjs.js.map +1 -1
- package/dist/nile-toolbar/nile-toolbar.css.esm.js +5 -5
- package/dist/src/nile-icon/icons/svg/every.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/every.js +1 -1
- package/dist/src/nile-icon/icons/svg/every.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/logout.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/logout.js +1 -1
- package/dist/src/nile-icon/icons/svg/logout.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/notscheduled.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/notscheduled.js +1 -1
- package/dist/src/nile-icon/icons/svg/notscheduled.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/schedule.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/schedule.js +1 -1
- package/dist/src/nile-icon/icons/svg/schedule.js.map +1 -1
- package/dist/src/nile-popover/nile-popover.d.ts +4 -2
- package/dist/src/nile-popover/nile-popover.js +16 -3
- package/dist/src/nile-popover/nile-popover.js.map +1 -1
- package/dist/src/nile-select/nile-select.css.js +1 -1
- package/dist/src/nile-select/nile-select.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js +6 -0
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.js +5 -2
- package/dist/src/nile-table-header-item/nile-table-header-item.js.map +1 -1
- package/dist/src/nile-toolbar/nile-toolbar.css.js +5 -5
- package/dist/src/nile-toolbar/nile-toolbar.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-icon/icons/svg/every.ts +1 -1
- package/src/nile-icon/icons/svg/logout.ts +1 -1
- package/src/nile-icon/icons/svg/notscheduled.ts +1 -1
- package/src/nile-icon/icons/svg/schedule.ts +1 -1
- package/src/nile-popover/nile-popover.ts +13 -5
- package/src/nile-select/nile-select.css.ts +1 -1
- package/src/nile-table-header-item/nile-table-header-item.css.ts +6 -0
- package/src/nile-table-header-item/nile-table-header-item.ts +5 -2
- package/src/nile-toolbar/nile-toolbar.css.ts +5 -5
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /**\n * The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** Enables the sort functionality. */\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /** Enables the sort functionality. */\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /** Places the icon . */\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n @state() sorting_ct = 0;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n public render(): TemplateResult {\n return html` ${this.hasSlotController.test('[default]')\n ? html
|
1
|
+
{"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /**\n * The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** Enables the sort functionality. */\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /** Enables the sort functionality. */\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /** Places the icon . */\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n @state() sorting_ct = 0;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n public render(): TemplateResult {\n return html` ${this.hasSlotController.test('[default]')\n ? html`\n <div class=\"header__item__wrapper\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n </div>`\n : null}`;\n }\n /* #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"],"names":["NileTableHeaderItem","a","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","sorting_ct","_this","_inherits","_r","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var
|
1
|
+
System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-cell;\n box-sizing: border-box;\n }\n \n .header__item__wrapper{\n display:flex;\n align-items:center;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n /* line-height: var(--nile-type-scale-5); */\n line-height: normal;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n\n .hover__arrow {\n opacity: 0;\n }\n\n .headers:hover .hover__arrow {\n opacity: 0.3;\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-table-header-item.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n /* line-height: var(--nile-type-scale-5); */\n line-height: normal;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n\n .hover__arrow {\n opacity: 0;\n }\n\n .headers:hover .hover__arrow {\n opacity: 0.3;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
1
|
+
{"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n }\n \n .header__item__wrapper{\n display:flex;\n align-items:center;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n /* line-height: var(--nile-type-scale-5); */\n line-height: normal;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n\n .hover__arrow {\n opacity: 0;\n }\n\n .headers:hover .hover__arrow {\n opacity: 0.3;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,7 +1,13 @@
|
|
1
|
-
import{i}from"../index-0a3007c5.esm.js";const e
|
1
|
+
import{i as e}from"../index-0a3007c5.esm.js";const i=e`
|
2
2
|
:host {
|
3
3
|
display: table-cell;
|
4
4
|
box-sizing: border-box;
|
5
|
+
}
|
6
|
+
|
7
|
+
.header__item__wrapper{
|
8
|
+
display:flex;
|
9
|
+
align-items:center;
|
10
|
+
box-sizing: border-box;
|
5
11
|
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
|
6
12
|
min-height: 44px;
|
7
13
|
height: 44px;
|
@@ -44,4 +50,4 @@ import{i}from"../index-0a3007c5.esm.js";const e=i`
|
|
44
50
|
.headers:hover .hover__arrow {
|
45
51
|
opacity: 0.3;
|
46
52
|
}
|
47
|
-
`;export{
|
53
|
+
`;export{i as s};
|
@@ -1,23 +1,25 @@
|
|
1
|
-
import{__decorate as e}from"tslib";import{x as
|
1
|
+
import{__decorate as e}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{state as t,customElement as s}from"lit/decorators.js";import{s as l}from"./nile-table-header-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as n}from"../internal/slot.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let a=class extends r{constructor(){super(...arguments),this.hasSlotController=new n(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[l]}handleSort(e){this.sorting_ct++;let i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return i` ${this.hasSlotController.test("[default]")?i`
|
2
|
+
<div class="header__item__wrapper">
|
3
|
+
<div class="headers">
|
2
4
|
<slot> </slot>
|
3
|
-
${this.havesort&&this.sorting_ct%3==0?
|
5
|
+
${this.havesort&&this.sorting_ct%3==0?i`<nile-icon
|
4
6
|
name="sortdown"
|
5
7
|
size="16"
|
6
8
|
@click=${this.handleSort}
|
7
9
|
class="hover__arrow"
|
8
10
|
></nile-icon>`:null}
|
9
|
-
${this.havesort&&this.sorting_ct%3==1?
|
11
|
+
${this.havesort&&this.sorting_ct%3==1?i`<nile-icon
|
10
12
|
name="sortdown"
|
11
13
|
size="16"
|
12
14
|
@click=${this.handleSort}
|
13
15
|
></nile-icon>`:null}
|
14
|
-
${this.havesort&&this.sorting_ct%3==2?
|
16
|
+
${this.havesort&&this.sorting_ct%3==2?i`<nile-icon
|
15
17
|
name="sortup"
|
16
18
|
size="16"
|
17
19
|
@click=${this.handleSort}
|
18
20
|
></nile-icon>`:null}
|
19
|
-
${this.iconName?
|
20
|
-
${this.havefilter?
|
21
|
+
${this.iconName?i` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:i``}
|
22
|
+
${this.havefilter?i` <nile-popover title="Filter" placement="bottom">
|
21
23
|
<nile-icon name="filter" size="16" slot="anchor"></nile-icon>
|
22
24
|
<nile-input
|
23
25
|
placeholder="Search"
|
@@ -25,5 +27,6 @@ import{__decorate as e}from"tslib";import{x as t}from"../index-0a3007c5.esm.js";
|
|
25
27
|
part="filter__search"
|
26
28
|
></nile-input>
|
27
29
|
<slot name="filter__content" part="filter__content"></slot>
|
28
|
-
</nile-popover>`:
|
29
|
-
</div
|
30
|
+
</nile-popover>`:i``}
|
31
|
+
</div>
|
32
|
+
</div>`:null}`}};e([o({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([t()],a.prototype,"sorting_ct",void 0),a=e([s("nile-table-header-item")],a);export{a as N};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0
|
1
|
+
System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-sizing: border-box;\n min-height: 64px;\n line-height: var(--nile-toolbar-line-height);\n font-weight: var(--nile-toolbar-font-weight);\n font-family: var(--nile-font-family-sans-serif);\n font-size: var(--nile-toolbar-font-size);\n background-color: var(--nile-toolbar-background-color, #FFFFFF);\n color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-toolbar.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-toolbar.css.cjs.js","sources":["../../../src/nile-toolbar/nile-toolbar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Toolbar CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0
|
1
|
+
{"version":3,"file":"nile-toolbar.css.cjs.js","sources":["../../../src/nile-toolbar/nile-toolbar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Toolbar CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-sizing: border-box;\n min-height: 64px;\n line-height: var(--nile-toolbar-line-height);\n font-weight: var(--nile-toolbar-font-weight);\n font-family: var(--nile-font-family-sans-serif);\n font-size: var(--nile-toolbar-font-size);\n background-color: var(--nile-toolbar-background-color, #FFFFFF);\n color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -8,14 +8,14 @@ import{i as o}from"../index-0a3007c5.esm.js";const e=o`
|
|
8
8
|
display: flex;
|
9
9
|
align-items: center;
|
10
10
|
justify-content: space-between;
|
11
|
-
padding: 0
|
11
|
+
padding: 0 48px;
|
12
12
|
box-sizing: border-box;
|
13
13
|
min-height: 64px;
|
14
|
-
|
15
|
-
|
14
|
+
line-height: var(--nile-toolbar-line-height);
|
15
|
+
font-weight: var(--nile-toolbar-font-weight);
|
16
16
|
font-family: var(--nile-font-family-sans-serif);
|
17
|
-
|
18
|
-
background-color: var(--nile-toolbar-background-color, #
|
17
|
+
font-size: var(--nile-toolbar-font-size);
|
18
|
+
background-color: var(--nile-toolbar-background-color, #FFFFFF);
|
19
19
|
color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));
|
20
20
|
}
|
21
21
|
`;export{e as s};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
declare const _default: "
|
4
|
+
declare const _default: "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMTExMDEgMi4xNzk3MUM1LjI2MjE1IDEuNDEwNTQgNi42MTU1MyAxIDggMUM5Ljg1NTc2IDEuMDAyNDcgMTEuNjM0OCAxLjc0MDc2IDEyLjk0NyAzLjA1Mjk4QzE0LjI1OTIgNC4zNjUyIDE0Ljk5NzUgNi4xNDQyNCAxNSA4QzE1IDkuMzg0NDcgMTQuNTg5NSAxMC43Mzc4IDEzLjgyMDMgMTEuODg5QzEzLjA1MTEgMTMuMDQwMSAxMS45NTc5IDEzLjkzNzMgMTAuNjc4OCAxNC40NjcyQzkuMzk5NyAxNC45OTcgNy45OTIyNCAxNS4xMzU2IDYuNjM0MzcgMTQuODY1NUM1LjI3NjUgMTQuNTk1NCA0LjAyOTIyIDEzLjkyODcgMy4wNTAyNiAxMi45NDk3QzIuMDcxMjkgMTEuOTcwOCAxLjQwNDYgMTAuNzIzNSAxLjEzNDUxIDkuMzY1NjNDMC44NjQ0MSA4LjAwNzc2IDEuMDAzMDMgNi42MDAzIDEuNTMyODUgNS4zMjEyMkMyLjA2MjY2IDQuMDQyMTMgMi45NTk4NyAyLjk0ODg4IDQuMTExMDEgMi4xNzk3MVpNNC42Mjk1NCAxMy4wNDQyQzUuNjI3MiAxMy43MTA5IDYuODAwMTMgMTQuMDY2NyA4IDE0LjA2NjdDOS42MDgyMiAxNC4wNjQyIDExLjE0OTkgMTMuNDI0MiAxMi4yODcxIDEyLjI4NzFDMTMuNDI0MiAxMS4xNDk5IDE0LjA2NDIgOS42MDgyMiAxNC4wNjY3IDhDMTQuMDY2NyA2LjgwMDEzIDEzLjcxMDkgNS42MjcyIDEzLjA0NDIgNC42Mjk1NEMxMi4zNzc2IDMuNjMxODggMTEuNDMwMiAyLjg1NDMgMTAuMzIxNiAyLjM5NTEzQzkuMjEzMDggMS45MzU5NiA3Ljk5MzI3IDEuODE1ODIgNi44MTY0NSAyLjA0OTlDNS42Mzk2NCAyLjI4Mzk5IDQuNTU4NjYgMi44NjE3OCAzLjcxMDIyIDMuNzEwMjJDMi44NjE3OCA0LjU1ODY2IDIuMjgzOTkgNS42Mzk2MyAyLjA0OTkxIDYuODE2NDVDMS44MTU4MiA3Ljk5MzI3IDEuOTM1OTYgOS4yMTMwNyAyLjM5NTEzIDEwLjMyMTZDMi44NTQzMSAxMS40MzAxIDMuNjMxODggMTIuMzc3NiA0LjYyOTU0IDEzLjA0NDJaTTcgNC41SDhWOC4yOUwxMC44NSAxMS4xNUwxMC4xNSAxMS44NUw3IDguNzFWNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
|
5
5
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
export default "
|
4
|
+
export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMTExMDEgMi4xNzk3MUM1LjI2MjE1IDEuNDEwNTQgNi42MTU1MyAxIDggMUM5Ljg1NTc2IDEuMDAyNDcgMTEuNjM0OCAxLjc0MDc2IDEyLjk0NyAzLjA1Mjk4QzE0LjI1OTIgNC4zNjUyIDE0Ljk5NzUgNi4xNDQyNCAxNSA4QzE1IDkuMzg0NDcgMTQuNTg5NSAxMC43Mzc4IDEzLjgyMDMgMTEuODg5QzEzLjA1MTEgMTMuMDQwMSAxMS45NTc5IDEzLjkzNzMgMTAuNjc4OCAxNC40NjcyQzkuMzk5NyAxNC45OTcgNy45OTIyNCAxNS4xMzU2IDYuNjM0MzcgMTQuODY1NUM1LjI3NjUgMTQuNTk1NCA0LjAyOTIyIDEzLjkyODcgMy4wNTAyNiAxMi45NDk3QzIuMDcxMjkgMTEuOTcwOCAxLjQwNDYgMTAuNzIzNSAxLjEzNDUxIDkuMzY1NjNDMC44NjQ0MSA4LjAwNzc2IDEuMDAzMDMgNi42MDAzIDEuNTMyODUgNS4zMjEyMkMyLjA2MjY2IDQuMDQyMTMgMi45NTk4NyAyLjk0ODg4IDQuMTExMDEgMi4xNzk3MVpNNC42Mjk1NCAxMy4wNDQyQzUuNjI3MiAxMy43MTA5IDYuODAwMTMgMTQuMDY2NyA4IDE0LjA2NjdDOS42MDgyMiAxNC4wNjQyIDExLjE0OTkgMTMuNDI0MiAxMi4yODcxIDEyLjI4NzFDMTMuNDI0MiAxMS4xNDk5IDE0LjA2NDIgOS42MDgyMiAxNC4wNjY3IDhDMTQuMDY2NyA2LjgwMDEzIDEzLjcxMDkgNS42MjcyIDEzLjA0NDIgNC42Mjk1NEMxMi4zNzc2IDMuNjMxODggMTEuNDMwMiAyLjg1NDMgMTAuMzIxNiAyLjM5NTEzQzkuMjEzMDggMS45MzU5NiA3Ljk5MzI3IDEuODE1ODIgNi44MTY0NSAyLjA0OTlDNS42Mzk2NCAyLjI4Mzk5IDQuNTU4NjYgMi44NjE3OCAzLjcxMDIyIDMuNzEwMjJDMi44NjE3OCA0LjU1ODY2IDIuMjgzOTkgNS42Mzk2MyAyLjA0OTkxIDYuODE2NDVDMS44MTU4MiA3Ljk5MzI3IDEuOTM1OTYgOS4yMTMwNyAyLjM5NTEzIDEwLjMyMTZDMi44NTQzMSAxMS40MzAxIDMuNjMxODggMTIuMzc3NiA0LjYyOTU0IDEzLjA0NDJaTTcgNC41SDhWOC4yOUwxMC44NSAxMS4xNUwxMC4xNSAxMS44NUw3IDguNzFWNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
|
5
5
|
//# sourceMappingURL=every.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"every.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/every.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,
|
1
|
+
{"version":3,"file":"every.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/every.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,kgDAAkgD,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMTExMDEgMi4xNzk3MUM1LjI2MjE1IDEuNDEwNTQgNi42MTU1MyAxIDggMUM5Ljg1NTc2IDEuMDAyNDcgMTEuNjM0OCAxLjc0MDc2IDEyLjk0NyAzLjA1Mjk4QzE0LjI1OTIgNC4zNjUyIDE0Ljk5NzUgNi4xNDQyNCAxNSA4QzE1IDkuMzg0NDcgMTQuNTg5NSAxMC43Mzc4IDEzLjgyMDMgMTEuODg5QzEzLjA1MTEgMTMuMDQwMSAxMS45NTc5IDEzLjkzNzMgMTAuNjc4OCAxNC40NjcyQzkuMzk5NyAxNC45OTcgNy45OTIyNCAxNS4xMzU2IDYuNjM0MzcgMTQuODY1NUM1LjI3NjUgMTQuNTk1NCA0LjAyOTIyIDEzLjkyODcgMy4wNTAyNiAxMi45NDk3QzIuMDcxMjkgMTEuOTcwOCAxLjQwNDYgMTAuNzIzNSAxLjEzNDUxIDkuMzY1NjNDMC44NjQ0MSA4LjAwNzc2IDEuMDAzMDMgNi42MDAzIDEuNTMyODUgNS4zMjEyMkMyLjA2MjY2IDQuMDQyMTMgMi45NTk4NyAyLjk0ODg4IDQuMTExMDEgMi4xNzk3MVpNNC42Mjk1NCAxMy4wNDQyQzUuNjI3MiAxMy43MTA5IDYuODAwMTMgMTQuMDY2NyA4IDE0LjA2NjdDOS42MDgyMiAxNC4wNjQyIDExLjE0OTkgMTMuNDI0MiAxMi4yODcxIDEyLjI4NzFDMTMuNDI0MiAxMS4xNDk5IDE0LjA2NDIgOS42MDgyMiAxNC4wNjY3IDhDMTQuMDY2NyA2LjgwMDEzIDEzLjcxMDkgNS42MjcyIDEzLjA0NDIgNC42Mjk1NEMxMi4zNzc2IDMuNjMxODggMTEuNDMwMiAyLjg1NDMgMTAuMzIxNiAyLjM5NTEzQzkuMjEzMDggMS45MzU5NiA3Ljk5MzI3IDEuODE1ODIgNi44MTY0NSAyLjA0OTlDNS42Mzk2NCAyLjI4Mzk5IDQuNTU4NjYgMi44NjE3OCAzLjcxMDIyIDMuNzEwMjJDMi44NjE3OCA0LjU1ODY2IDIuMjgzOTkgNS42Mzk2MyAyLjA0OTkxIDYuODE2NDVDMS44MTU4MiA3Ljk5MzI3IDEuOTM1OTYgOS4yMTMwNyAyLjM5NTEzIDEwLjMyMTZDMi44NTQzMSAxMS40MzAxIDMuNjMxODggMTIuMzc3NiA0LjYyOTU0IDEzLjA0NDJaTTcgNC41SDhWOC4yOUwxMC44NSAxMS4xNUwxMC4xNSAxMS44NUw3IDguNzFWNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"]}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
declare const _default: "
|
4
|
+
declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4Ml8xMDUyKSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xMC41IDEySDE4TTE4IDEyTDE0IDhNMTggMTJMMTQgMTZNMTEgNy41SDcuNVYxNi41SDExTTIyLjUgMTJDMjIuNSAxNy43OTkgMTcuNzk5IDIyLjUgMTIgMjIuNUM2LjIwMTAxIDIyLjUgMS41IDE3Ljc5OSAxLjUgMTJDMS41IDYuMjAxMDEgNi4yMDEwMSAxLjUgMTIgMS41QzE3Ljc5OSAxLjUgMjIuNSA2LjIwMTAxIDIyLjUgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzM3ODJfMTA1MiI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";
|
5
5
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
export default "
|
4
|
+
export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4Ml8xMDUyKSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xMC41IDEySDE4TTE4IDEyTDE0IDhNMTggMTJMMTQgMTZNMTEgNy41SDcuNVYxNi41SDExTTIyLjUgMTJDMjIuNSAxNy43OTkgMTcuNzk5IDIyLjUgMTIgMjIuNUM2LjIwMTAxIDIyLjUgMS41IDE3Ljc5OSAxLjUgMTJDMS41IDYuMjAxMDEgNi4yMDEwMSAxLjUgMTIgMS41QzE3Ljc5OSAxLjUgMjIuNSA2LjIwMTAxIDIyLjUgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzM3ODJfMTA1MiI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";
|
5
5
|
//# sourceMappingURL=logout.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"logout.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/logout.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,
|
1
|
+
{"version":3,"file":"logout.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/logout.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,srBAAsrB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4Ml8xMDUyKSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xMC41IDEySDE4TTE4IDEyTDE0IDhNMTggMTJMMTQgMTZNMTEgNy41SDcuNVYxNi41SDExTTIyLjUgMTJDMjIuNSAxNy43OTkgMTcuNzk5IDIyLjUgMTIgMjIuNUM2LjIwMTAxIDIyLjUgMS41IDE3Ljc5OSAxLjUgMTJDMS41IDYuMjAxMDEgNi4yMDEwMSAxLjUgMTIgMS41QzE3Ljc5OSAxLjUgMjIuNSA2LjIwMTAxIDIyLjUgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzM3ODJfMTA1MiI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==\";"]}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
declare const _default: "
|
4
|
+
declare const _default: "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMUM0LjEzNDAxIDEgMSA0LjEzNDAxIDEgOEMxIDExLjg2NiA0LjEzNDAxIDE1IDggMTVDMTEuODY2IDE1IDE1IDExLjg2NiAxNSA4QzE1IDYuMTQzNDggMTQuMjYyNSA0LjM2MzAxIDEyLjk0OTcgMy4wNTAyNUMxMS42MzcgMS43Mzc1IDkuODU2NTIgMSA4IDFaTTggMTRDNC42ODYyOSAxNCAyIDExLjMxMzcgMiA4QzIgNC42ODYyOSA0LjY4NjI5IDIgOCAyQzExLjMxMzcgMiAxNCA0LjY4NjI5IDE0IDhDMTQgOS41OTEzIDEzLjM2NzkgMTEuMTE3NCAxMi4yNDI2IDEyLjI0MjZDMTEuMTE3NCAxMy4zNjc5IDkuNTkxMyAxNCA4IDE0Wk04IDcuMjlMMTAuNDcgNC44MkwxMS4xOCA1LjUzTDguNzEgOEwxMS4xOCAxMC40N0wxMC40NyAxMS4xOEw4IDguNzFMNS41MyAxMS4xOEw0LjgyIDEwLjQ3TDcuMjkgOEw0LjgyIDUuNTNMNS41MyA0LjgyTDggNy4yOVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
|
5
5
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
export default "
|
4
|
+
export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMUM0LjEzNDAxIDEgMSA0LjEzNDAxIDEgOEMxIDExLjg2NiA0LjEzNDAxIDE1IDggMTVDMTEuODY2IDE1IDE1IDExLjg2NiAxNSA4QzE1IDYuMTQzNDggMTQuMjYyNSA0LjM2MzAxIDEyLjk0OTcgMy4wNTAyNUMxMS42MzcgMS43Mzc1IDkuODU2NTIgMSA4IDFaTTggMTRDNC42ODYyOSAxNCAyIDExLjMxMzcgMiA4QzIgNC42ODYyOSA0LjY4NjI5IDIgOCAyQzExLjMxMzcgMiAxNCA0LjY4NjI5IDE0IDhDMTQgOS41OTEzIDEzLjM2NzkgMTEuMTE3NCAxMi4yNDI2IDEyLjI0MjZDMTEuMTE3NCAxMy4zNjc5IDkuNTkxMyAxNCA4IDE0Wk04IDcuMjlMMTAuNDcgNC44MkwxMS4xOCA1LjUzTDguNzEgOEwxMS4xOCAxMC40N0wxMC40NyAxMS4xOEw4IDguNzFMNS41MyAxMS4xOEw0LjgyIDEwLjQ3TDcuMjkgOEw0LjgyIDUuNTNMNS41MyA0LjgyTDggNy4yOVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
|
5
5
|
//# sourceMappingURL=notscheduled.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"notscheduled.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/notscheduled.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,
|
1
|
+
{"version":3,"file":"notscheduled.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/notscheduled.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0xBAA0xB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMUM0LjEzNDAxIDEgMSA0LjEzNDAxIDEgOEMxIDExLjg2NiA0LjEzNDAxIDE1IDggMTVDMTEuODY2IDE1IDE1IDExLjg2NiAxNSA4QzE1IDYuMTQzNDggMTQuMjYyNSA0LjM2MzAxIDEyLjk0OTcgMy4wNTAyNUMxMS42MzcgMS43Mzc1IDkuODU2NTIgMSA4IDFaTTggMTRDNC42ODYyOSAxNCAyIDExLjMxMzcgMiA4QzIgNC42ODYyOSA0LjY4NjI5IDIgOCAyQzExLjMxMzcgMiAxNCA0LjY4NjI5IDE0IDhDMTQgOS41OTEzIDEzLjM2NzkgMTEuMTE3NCAxMi4yNDI2IDEyLjI0MjZDMTEuMTE3NCAxMy4zNjc5IDkuNTkxMyAxNCA4IDE0Wk04IDcuMjlMMTAuNDcgNC44MkwxMS4xOCA1LjUzTDguNzEgOEwxMS4xOCAxMC40N0wxMC40NyAxMS4xOEw4IDguNzFMNS41MyAxMS4xOEw0LjgyIDEwLjQ3TDcuMjkgOEw0LjgyIDUuNTNMNS41MyA0LjgyTDggNy4yOVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+\";"]}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
declare const _default: "
|
4
|
+
declare const _default: "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjEgMC41SDQuODk5OTVWMS41SDExLjFWMC41Wk0xLjE5OTk1IDguOUMxLjE5OTk1IDUuMSA0LjI5OTk1IDIuMSA3Ljk5OTk1IDIuMUMxMS44IDIuMSAxNC44IDUuMSAxNC44IDguOUMxNC44IDEyLjcgMTEuOCAxNS43IDcuOTk5OTUgMTUuN0M0LjE5OTk1IDE1LjcgMS4xOTk5NSAxMi42IDEuMTk5OTUgOC45Wk0yLjE5OTk1IDguOEMyLjE5OTk1IDEyIDQuNzk5OTUgMTQuNiA3Ljk5OTk1IDE0LjZDMTEuMiAxNC42IDEzLjggMTIuMSAxMy44IDguOEMxMy44IDUuNiAxMS4yIDMgNy45OTk5NSAzQzQuNzk5OTUgMyAyLjE5OTk1IDUuNiAyLjE5OTk1IDguOFpNNy40OTk5NSA1LjhWOS4xTDkuNzk5OTUgMTEuNkwxMC42IDExTDguNDk5OTUgOC43VjUuOEg3LjQ5OTk1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
|
5
5
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
export default "
|
4
|
+
export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjEgMC41SDQuODk5OTVWMS41SDExLjFWMC41Wk0xLjE5OTk1IDguOUMxLjE5OTk1IDUuMSA0LjI5OTk1IDIuMSA3Ljk5OTk1IDIuMUMxMS44IDIuMSAxNC44IDUuMSAxNC44IDguOUMxNC44IDEyLjcgMTEuOCAxNS43IDcuOTk5OTUgMTUuN0M0LjE5OTk1IDE1LjcgMS4xOTk5NSAxMi42IDEuMTk5OTUgOC45Wk0yLjE5OTk1IDguOEMyLjE5OTk1IDEyIDQuNzk5OTUgMTQuNiA3Ljk5OTk1IDE0LjZDMTEuMiAxNC42IDEzLjggMTIuMSAxMy44IDguOEMxMy44IDUuNiAxMS4yIDMgNy45OTk5NSAzQzQuNzk5OTUgMyAyLjE5OTk1IDUuNiAyLjE5OTk1IDguOFpNNy40OTk5NSA1LjhWOS4xTDkuNzk5OTUgMTEuNkwxMC42IDExTDguNDk5OTUgOC43VjUuOEg3LjQ5OTk1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
|
5
5
|
//# sourceMappingURL=schedule.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"schedule.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/schedule.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,
|
1
|
+
{"version":3,"file":"schedule.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/schedule.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0tBAA0tB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjEgMC41SDQuODk5OTVWMS41SDExLjFWMC41Wk0xLjE5OTk1IDguOUMxLjE5OTk1IDUuMSA0LjI5OTk1IDIuMSA3Ljk5OTk1IDIuMUMxMS44IDIuMSAxNC44IDUuMSAxNC44IDguOUMxNC44IDEyLjcgMTEuOCAxNS43IDcuOTk5OTUgMTUuN0M0LjE5OTk1IDE1LjcgMS4xOTk5NSAxMi42IDEuMTk5OTUgOC45Wk0yLjE5OTk1IDguOEMyLjE5OTk1IDEyIDQuNzk5OTUgMTQuNiA3Ljk5OTk1IDE0LjZDMTEuMiAxNC42IDEzLjggMTIuMSAxMy44IDguOEMxMy44IDUuNiAxMS4yIDMgNy45OTk5NSAzQzQuNzk5OTUgMyAyLjE5OTk1IDUuNiAyLjE5OTk1IDguOFpNNy40OTk5NSA1LjhWOS4xTDkuNzk5OTUgMTEuNkwxMC42IDExTDguNDk5OTUgOC43VjUuOEg3LjQ5OTk1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"]}
|
@@ -4,14 +4,15 @@
|
|
4
4
|
* This source code is licensed under the BSD-3-Clause license found in the
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
|
-
import {
|
7
|
+
import { CSSResultArray, TemplateResult } from 'lit-element';
|
8
|
+
import NileElement from '../internal/nile-element';
|
8
9
|
/**
|
9
10
|
* Nile icon component.
|
10
11
|
*
|
11
12
|
* @tag nile-popover
|
12
13
|
*
|
13
14
|
*/
|
14
|
-
export declare class NilePopover extends
|
15
|
+
export declare class NilePopover extends NileElement {
|
15
16
|
/**
|
16
17
|
* The styles for Popover
|
17
18
|
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
@@ -41,6 +42,7 @@ export declare class NilePopover extends LitElement {
|
|
41
42
|
*/
|
42
43
|
connectedCallback(): void;
|
43
44
|
disconnectedCallback(): void;
|
45
|
+
handleShowHide(): void;
|
44
46
|
private handleClick;
|
45
47
|
private handleDocumentClick;
|
46
48
|
render(): TemplateResult;
|
@@ -5,16 +5,18 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
import { __decorate } from "tslib";
|
8
|
-
import {
|
8
|
+
import { html, property, } from 'lit-element';
|
9
9
|
import { customElement } from 'lit/decorators.js';
|
10
10
|
import { styles } from './nile-popover.css';
|
11
|
+
import NileElement from '../internal/nile-element';
|
12
|
+
import { watch } from '../internal/watch';
|
11
13
|
/**
|
12
14
|
* Nile icon component.
|
13
15
|
*
|
14
16
|
* @tag nile-popover
|
15
17
|
*
|
16
18
|
*/
|
17
|
-
let NilePopover = class NilePopover extends
|
19
|
+
let NilePopover = class NilePopover extends NileElement {
|
18
20
|
constructor() {
|
19
21
|
super(...arguments);
|
20
22
|
/**
|
@@ -46,7 +48,7 @@ let NilePopover = class NilePopover extends LitElement {
|
|
46
48
|
};
|
47
49
|
this.handleDocumentClick = () => {
|
48
50
|
if (this.isShow) {
|
49
|
-
this.isShow =
|
51
|
+
this.isShow = false;
|
50
52
|
}
|
51
53
|
};
|
52
54
|
/* #endregion */
|
@@ -66,12 +68,20 @@ let NilePopover = class NilePopover extends LitElement {
|
|
66
68
|
*/
|
67
69
|
connectedCallback() {
|
68
70
|
super.connectedCallback();
|
71
|
+
this.emit('nile-init');
|
69
72
|
document.addEventListener('click', this.handleDocumentClick);
|
70
73
|
}
|
71
74
|
disconnectedCallback() {
|
72
75
|
super.disconnectedCallback();
|
76
|
+
this.emit('nile-destroy');
|
73
77
|
document.removeEventListener('click', this.handleDocumentClick);
|
74
78
|
}
|
79
|
+
handleShowHide() {
|
80
|
+
if (this.isShow)
|
81
|
+
this.emit('nile-show');
|
82
|
+
else
|
83
|
+
this.emit('nile-hide');
|
84
|
+
}
|
75
85
|
render() {
|
76
86
|
return html `
|
77
87
|
<nile-popup
|
@@ -126,6 +136,9 @@ __decorate([
|
|
126
136
|
__decorate([
|
127
137
|
property({ type: Boolean })
|
128
138
|
], NilePopover.prototype, "flip", void 0);
|
139
|
+
__decorate([
|
140
|
+
watch('isShow')
|
141
|
+
], NilePopover.prototype, "handleShowHide", null);
|
129
142
|
NilePopover = __decorate([
|
130
143
|
customElement('nile-popover')
|
131
144
|
], NilePopover);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-popover.js","sourceRoot":"","sources":["../../../src/nile-popover/nile-popover.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,
|
1
|
+
{"version":3,"file":"nile-popover.js","sourceRoot":"","sources":["../../../src/nile-popover/nile-popover.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-popover.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-popover\n *\n */\n@customElement('nile-popover')\nexport class NilePopover extends NileElement {\n /**\n * The styles for Popover\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /**\n * The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n */\n @property() placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'top';\n\n /** The distance in pixels from which to offset the popover away from its target. */\n @property({ type: Number }) distance = 18;\n\n @property({ type: Boolean, attribute: 'arrow' }) arrow = true;\n\n /** Gives the title to the popover */\n @property({ type: String }) title = '';\n\n @property({type:Boolean, attribute:'open'}) isShow = false;\n\n @property({ attribute: 'arrow-placement' }) arrowPlacement:\n | 'start'\n | 'end'\n | 'center'\n | 'anchor' = 'anchor';\n\n /**\n * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n */\n @property({ type: Boolean }) hoist = false;\n\n @property({ type: Boolean }) flip = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n document.addEventListener('click', this.handleDocumentClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n document.removeEventListener('click', this.handleDocumentClick);\n }\n\n @watch('isShow')\n handleShowHide(){\n if(this.isShow)this.emit('nile-show')\n else this.emit('nile-hide')\n }\n\n private handleClick = () => {\n this.isShow = !this.isShow;\n const allPopovers = document.querySelectorAll('nile-popover');\n\n allPopovers.forEach(popover => {\n if (popover !== this) {\n popover.isShow = false;\n }\n });\n };\n\n private handleDocumentClick = () => {\n if (this.isShow) {\n this.isShow = false;\n }\n };\n\n public render(): TemplateResult {\n return html`\n <nile-popup\n active\n .arrow=\"${this.arrow && this.isShow}\"\n distance=\"${this.distance}\"\n placement=\"${this.placement}\"\n @click=${(e: Event) => e.stopPropagation()}\n arrowPlacement=\"${this.arrowPlacement}\"\n .flip=\"${this.flip}\"\n shift\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n >\n <slot\n slot=\"anchor\"\n name=\"anchor\"\n aria-describedby=\"tooltip\"\n @click=${this.handleClick}\n ></slot>\n ${this.isShow\n ? html` <div part=\"popover\" class=\"popover__box\">\n <slot name=\"title\" class=\"popover__title\">${this.title}</slot>\n <slot part=\"base\"></slot>\n <slot name=\"action\" class=\"popover__action\"> </slot>\n </div>`\n : html``}\n </nile-popup>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NilePopover;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-popover': NilePopover;\n }\n}\n"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-select.css.js","sourceRoot":"","sources":["../../../src/nile-select/nile-select.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6bxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {css} from 'lit-element';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: inherit;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: #666666;\n margin-top: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif);\n font-weight: 400;\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: #333333;\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif);\n }\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: #333333;\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: 0.5rem;\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: #005ea6;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n margin: 6px;\n }\n\n .select__tags-count-clearable {\n margin-right: 50px;\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: #ffffff;\n border: solid 1px #cccccc;\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid #000;\n background: #fff;\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: #f4f4f4;\n border-color: #cccccc;\n color: #999999;\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .select--error .select__combobox {\n border-color: #e5434d;\n }\n\n .select--success {\n border-color: #43e5c0;\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: #f4f4f4;\n color: #333333;\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: #f4f4f4;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: 4px;\n font-size: 14px;\n padding: 12px;\n height: 38px;\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: 0.75rem;\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: 0;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: 2.5rem;\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: #005ea6;\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: #999999;\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: 0.25rem;\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: 1rem;\n font-weight: 400;\n background: #ffffff;\n border: solid 1px #cccccc;\n border-radius: 0.25rem;\n padding-block: 0;\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__options__search-enabled {\n padding-top: 10px;\n }\n\n .select__options {\n font-size: 14px;\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: 0.25rem;\n }\n\n .select__listbox::slotted(small) {\n font-size: 0.875rem;\n font-weight: 600;\n color: #888888;\n padding-block: 0.25rem;\n padding-inline: 1rem;\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: 8px;\n background-color: white;\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: #fafafa;\n border: 1px solid #e5e9eb;\n display: flex;\n height: 15px;\n /* Auto layout */\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 8px 12px 16px;\n gap: 12px;\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: 20px;\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: 10px;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible{\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: 12px;\n }\n \n .select__hide-default{\n display: none;\n }\n`;\n\nexport default [styles];\n"]}
|
1
|
+
{"version":3,"file":"nile-select.css.js","sourceRoot":"","sources":["../../../src/nile-select/nile-select.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6bxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {css} from 'lit-element';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: inherit;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: #666666;\n margin-top: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif);\n font-weight: 400;\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: #333333;\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif);\n }\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: #333333;\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: 0.5rem;\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: #005ea6;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n margin: 6px;\n }\n\n .select__tags-count-clearable {\n margin-right: 50px;\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: #ffffff;\n border: solid 1px #cccccc;\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid #000;\n background: #fff;\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: #f4f4f4;\n border-color: #cccccc;\n color: #999999;\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .select--error .select__combobox {\n border-color: #e5434d;\n }\n\n .select--success {\n border-color: #43e5c0;\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: #f4f4f4;\n color: #333333;\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: #f4f4f4;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: 4px;\n font-size: 14px;\n padding: 12px;\n height: 40px;\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: 0.75rem;\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: 0;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: 2.5rem;\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: #005ea6;\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: #999999;\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: 0.25rem;\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: 1rem;\n font-weight: 400;\n background: #ffffff;\n border: solid 1px #cccccc;\n border-radius: 0.25rem;\n padding-block: 0;\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__options__search-enabled {\n padding-top: 10px;\n }\n\n .select__options {\n font-size: 14px;\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: 0.25rem;\n }\n\n .select__listbox::slotted(small) {\n font-size: 0.875rem;\n font-weight: 600;\n color: #888888;\n padding-block: 0.25rem;\n padding-inline: 1rem;\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: 8px;\n background-color: white;\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: #fafafa;\n border: 1px solid #e5e9eb;\n display: flex;\n height: 15px;\n /* Auto layout */\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 8px 12px 16px;\n gap: 12px;\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: 20px;\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: 10px;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible{\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: 12px;\n }\n \n .select__hide-default{\n display: none;\n }\n`;\n\nexport default [styles];\n"]}
|
@@ -12,6 +12,12 @@ export const styles = css `
|
|
12
12
|
:host {
|
13
13
|
display: table-cell;
|
14
14
|
box-sizing: border-box;
|
15
|
+
}
|
16
|
+
|
17
|
+
.header__item__wrapper{
|
18
|
+
display:flex;
|
19
|
+
align-items:center;
|
20
|
+
box-sizing: border-box;
|
15
21
|
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
|
16
22
|
min-height: 44px;
|
17
23
|
height: 44px;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
1
|
+
{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n }\n \n .header__item__wrapper{\n display:flex;\n align-items:center;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n /* line-height: var(--nile-type-scale-5); */\n line-height: normal;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n\n .hover__arrow {\n opacity: 0;\n }\n\n .headers:hover .hover__arrow {\n opacity: 0.3;\n }\n`;\n\nexport default [styles];\n"]}
|
@@ -55,7 +55,9 @@ let NileTableHeaderItem = class NileTableHeaderItem extends NileElement {
|
|
55
55
|
}
|
56
56
|
render() {
|
57
57
|
return html ` ${this.hasSlotController.test('[default]')
|
58
|
-
? html `
|
58
|
+
? html `
|
59
|
+
<div class="header__item__wrapper">
|
60
|
+
<div class="headers">
|
59
61
|
<slot> </slot>
|
60
62
|
${this.havesort && this.sorting_ct % 3 === 0
|
61
63
|
? html `<nile-icon
|
@@ -93,7 +95,8 @@ let NileTableHeaderItem = class NileTableHeaderItem extends NileElement {
|
|
93
95
|
<slot name="filter__content" part="filter__content"></slot>
|
94
96
|
</nile-popover>`
|
95
97
|
: html ``}
|
96
|
-
</div
|
98
|
+
</div>
|
99
|
+
</div>`
|
97
100
|
: null}`;
|
98
101
|
}
|
99
102
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;;GAKG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,WAAW;IAA7C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,sCAAsC;QACM,aAAQ,GAAG,KAAK,CAAC;QAE7D,sCAAsC;QACM,eAAU,GAAG,KAAK,CAAC;QAE/D,wBAAwB;QAC2C,aAAQ,GACzE,EAAE,CAAC;QAEI,eAAU,GAAG,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /**\n * The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** Enables the sort functionality. */\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /** Enables the sort functionality. */\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /** Places the icon . */\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n @state() sorting_ct = 0;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n public render(): TemplateResult {\n return html` ${this.hasSlotController.test('[default]')\n ? html`\n <div class=\"header__item__wrapper\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n </div>`\n : null}`;\n }\n /* #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"]}
|
@@ -18,14 +18,14 @@ export const styles = css `
|
|
18
18
|
display: flex;
|
19
19
|
align-items: center;
|
20
20
|
justify-content: space-between;
|
21
|
-
padding: 0
|
21
|
+
padding: 0 48px;
|
22
22
|
box-sizing: border-box;
|
23
23
|
min-height: 64px;
|
24
|
-
|
25
|
-
|
24
|
+
line-height: var(--nile-toolbar-line-height);
|
25
|
+
font-weight: var(--nile-toolbar-font-weight);
|
26
26
|
font-family: var(--nile-font-family-sans-serif);
|
27
|
-
|
28
|
-
background-color: var(--nile-toolbar-background-color, #
|
27
|
+
font-size: var(--nile-toolbar-font-size);
|
28
|
+
background-color: var(--nile-toolbar-background-color, #FFFFFF);
|
29
29
|
color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));
|
30
30
|
}
|
31
31
|
`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-toolbar.css.js","sourceRoot":"","sources":["../../../src/nile-toolbar/nile-toolbar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Toolbar CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0
|
1
|
+
{"version":3,"file":"nile-toolbar.css.js","sourceRoot":"","sources":["../../../src/nile-toolbar/nile-toolbar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Toolbar CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-sizing: border-box;\n min-height: 64px;\n line-height: var(--nile-toolbar-line-height);\n font-weight: var(--nile-toolbar-font-weight);\n font-family: var(--nile-font-family-sans-serif);\n font-size: var(--nile-toolbar-font-size);\n background-color: var(--nile-toolbar-background-color, #FFFFFF);\n color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));\n }\n`;\n\nexport default [styles];\n"]}
|