Mike Phares
5c9f0d1aff
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
49 lines
2.7 KiB
JavaScript
49 lines
2.7 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
const index = require('./index-ca0e0765.js');
|
|
|
|
const searchBarCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}";
|
|
|
|
const SearchBar = class {
|
|
constructor(hostRef) {
|
|
index.registerInstance(this, hostRef);
|
|
this.ifxInput = index.createEvent(this, "ifxInput", 7);
|
|
this.ifxSearchBarIsOpen = index.createEvent(this, "ifxSearchBarIsOpen", 7);
|
|
this.handleCloseButton = () => {
|
|
this.internalState = !this.internalState;
|
|
this.ifxSearchBarIsOpen.emit(this.internalState);
|
|
};
|
|
this.handleFocus = () => {
|
|
this.internalState = true;
|
|
};
|
|
this.isOpen = true;
|
|
this.disabled = false;
|
|
this.internalState = undefined;
|
|
this.value = undefined;
|
|
}
|
|
handlePropChange() {
|
|
this.internalState = this.isOpen;
|
|
}
|
|
setInitialState() {
|
|
this.internalState = this.isOpen;
|
|
}
|
|
componentWillLoad() {
|
|
this.setInitialState();
|
|
}
|
|
handleInput(event) {
|
|
this.value = event.detail;
|
|
}
|
|
render() {
|
|
return (index.h("div", { "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (index.h("div", { class: "search-bar-wrapper" }, index.h("ifx-search-field", { disabled: this.disabled, value: this.value, onIfxInput: this.handleInput.bind(this) }, index.h("ifx-icon", { icon: "search-16", slot: "search-icon" })), index.h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (index.h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, index.h("ifx-icon", { icon: "search-16" })))));
|
|
}
|
|
static get watchers() { return {
|
|
"isOpen": ["handlePropChange"]
|
|
}; }
|
|
};
|
|
SearchBar.style = searchBarCss;
|
|
|
|
exports.ifx_search_bar = SearchBar;
|
|
|
|
//# sourceMappingURL=ifx-search-bar.cjs.entry.js.map
|