@avakhula/ui 0.0.505-alpha.72 → 0.0.505-alpha.73
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/.babelrc.json +0 -0
- package/.eslintrc.cjs +0 -0
- package/.nvmrc +0 -0
- package/.prettierrc.json +0 -0
- package/.storybook/intelliboardTheme.js +0 -0
- package/.storybook/main.js +0 -0
- package/.storybook/manager.js +0 -0
- package/.storybook/preview-head.html +0 -0
- package/.storybook/preview.js +0 -0
- package/.storybook/scss-loader.scss +0 -0
- package/.storybook/withSource.js +0 -0
- package/README.md +0 -0
- package/dist/index.js +3 -2
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/index.html +0 -0
- package/package.json +1 -1
- package/src/App.vue +66 -12
- package/src/EventEmmiter.js +0 -0
- package/src/assets/scss/mixins/tooltip-position.scss +0 -0
- package/src/assets/scss/mixins.scss +0 -0
- package/src/assets/scss/reset.scss +0 -0
- package/src/assets/scss/style.scss +0 -0
- package/src/assets/scss/typography.scss +0 -0
- package/src/assets/scss/variables/colors.json +0 -0
- package/src/assets/scss/variables/colors.scss +0 -0
- package/src/assets/scss/variables/shadows.json +0 -0
- package/src/assets/scss/variables/shadows.scss +0 -0
- package/src/components/Accordion/Accordion.scss +0 -0
- package/src/components/Accordion/Accordion.stories.js +0 -0
- package/src/components/Accordion/Accordion.vue +0 -0
- package/src/components/Accordion/Acordion.spec.js +0 -0
- package/src/components/Accordion/readme.mdx +0 -0
- package/src/components/Alert/Alert.spec.js +0 -0
- package/src/components/Alert/Alert.stories.js +0 -0
- package/src/components/Alert/constants.js +0 -0
- package/src/components/Alert/readme.mdx +0 -0
- package/src/components/Avatar/Avatar.stories.js +0 -0
- package/src/components/Avatar/Avatar.vue +0 -0
- package/src/components/Avatar/constants.js +0 -0
- package/src/components/Badge/Badge.spec.js +0 -0
- package/src/components/Badge/Badge.stories.js +0 -0
- package/src/components/Badge/Badge.vue +0 -0
- package/src/components/Badge/readme.mdx +0 -0
- package/src/components/Breadcrumbs/Breadcrumbs.vue +0 -0
- package/src/components/Breadcrumbs/breadcrumbs.scss +0 -0
- package/src/components/Breadcrumbs/breadcrumbs.stories.js +0 -0
- package/src/components/Button/Button.spec.js +0 -0
- package/src/components/Button/Button.stories.js +0 -0
- package/src/components/Button/Button.vue +0 -0
- package/src/components/Button/constants.js +0 -0
- package/src/components/Button/readme.mdx +0 -0
- package/src/components/ButtonGroup/ButtonGroup.stories.js +0 -0
- package/src/components/ButtonGroup/ButtonGroup.vue +0 -0
- package/src/components/ButtonGroup/readme.mdx +0 -0
- package/src/components/Dropdown/Dropdown.spec.js +0 -0
- package/src/components/Dropdown/Dropdown.stories.js +0 -0
- package/src/components/Dropdown/DropdownDivider.vue +0 -0
- package/src/components/Dropdown/DropdownList.stories.js +0 -0
- package/src/components/Dropdown/DropdownList.vue +0 -0
- package/src/components/Dropdown/constants.js +0 -0
- package/src/components/Dropdown/readme.mdx +0 -0
- package/src/components/Form/Checkbox/Checkbox.scss +0 -0
- package/src/components/Form/Checkbox/Checkbox.stories.js +0 -0
- package/src/components/Form/Checkbox/readme.mdx +0 -0
- package/src/components/Form/CheckboxGroup/CheckboxGroup.stories.js +0 -0
- package/src/components/Form/DatePicker/DatePicker.stories.js +0 -0
- package/src/components/Form/DatePicker/DatePicker.vue +0 -0
- package/src/components/Form/DatePicker/Icons/chevron-back.js +0 -0
- package/src/components/Form/DatePicker/Icons/chevron-forward.js +0 -0
- package/src/components/Form/DatePicker/readme.mdx +0 -0
- package/src/components/Form/FormGroup/FormGroup.stories.js +0 -0
- package/src/components/Form/FormGroup/FormGroup.vue +0 -0
- package/src/components/Form/FormGroup/FormGroupSet.stories.js +0 -0
- package/src/components/Form/FormGroup/FormGroupSet.vue +0 -0
- package/src/components/Form/Input/Input.stories.js +0 -0
- package/src/components/Form/Input/constants.js +0 -0
- package/src/components/Form/Input/input.scss +0 -0
- package/src/components/Form/Input/readme.mdx +0 -0
- package/src/components/Form/Label/Label.stories.js +0 -0
- package/src/components/Form/Label/readme.mdx +0 -0
- package/src/components/Form/PhoneInput/PhoneInput.stories.js +0 -0
- package/src/components/Form/PhoneInput/readme.mdx +0 -0
- package/src/components/Form/Radio/Radio.stories.js +0 -0
- package/src/components/Form/Radio/readme.mdx +0 -0
- package/src/components/Form/TextEditor/TextEditor.stories.js +0 -0
- package/src/components/Form/TextEditor/TextEditor.vue +1 -1
- package/src/components/Form/TextEditor/icons/svg/chevron-down.svg +0 -0
- package/src/components/Form/TextEditor/icons/toolbarIcons.js +0 -0
- package/src/components/Form/TextEditor/plugins/alphabetList.js +0 -0
- package/src/components/Form/TextEditor/readme.mdx +0 -0
- package/src/components/Form/TextEditor/textEditor.scss +28 -26
- package/src/components/Form/Textarea/Textarea.spec.js +0 -0
- package/src/components/Form/Textarea/Textarea.vue +0 -0
- package/src/components/Form/Textarea/readme.mdx +0 -0
- package/src/components/Form/Toggle/Toggle.stories.js +0 -0
- package/src/components/Form/Toggle/Toggle.vue +0 -0
- package/src/components/Form/Toggle/readme.mdx +0 -0
- package/src/components/Form/Toggle/toggle.scss +0 -0
- package/src/components/Icon.vue +0 -0
- package/src/components/IconButton/IconButton.scss +0 -0
- package/src/components/IconButton/IconButton.stories.js +0 -0
- package/src/components/IconButton/constants.js +0 -0
- package/src/components/IconButton/readme.mdx +0 -0
- package/src/components/List.vue +0 -0
- package/src/components/Modal/Modal.stories.js +0 -0
- package/src/components/Modal/constants.js +0 -0
- package/src/components/Modal/readme.mdx +0 -0
- package/src/components/Pagination/Pagination.stories.js +0 -0
- package/src/components/Pagination/pagination.scss +0 -0
- package/src/components/Panel/Panel.stories.js +0 -0
- package/src/components/Panel/Panel.vue +0 -0
- package/src/components/Popover/Popover.stories.js +0 -0
- package/src/components/Popover/constants.js +0 -0
- package/src/components/Popover/readme.mdx +0 -0
- package/src/components/ProgressBar/ProgressBar.stories.js +0 -0
- package/src/components/ProgressBar/ProgressBar.vue +0 -0
- package/src/components/ProgressBar/constants.js +0 -0
- package/src/components/ProgressBar/progressBar.scss +0 -0
- package/src/components/ProgressBar/readme.mdx +0 -0
- package/src/components/Sorting/Sorting.stories.js +0 -0
- package/src/components/Sorting/Sorting.vue +0 -0
- package/src/components/Sorting/constants.js +0 -0
- package/src/components/Sorting/sorting.scss +0 -0
- package/src/components/SplitButton/SplitButton.stories.js +0 -0
- package/src/components/SplitButton/SplitButton.vue +0 -0
- package/src/components/SplitButton/SplitButtonItem.vue +0 -0
- package/src/components/SplitButton/constants.js +0 -0
- package/src/components/SplitButton/readme.mdx +0 -0
- package/src/components/SplitButton/splitButton.scss +0 -0
- package/src/components/StatusIndicator/StatusIndicator.stories.js +0 -0
- package/src/components/StatusIndicator/StatusIndicator.vue +0 -0
- package/src/components/StatusIndicator/constants.js +0 -0
- package/src/components/StatusIndicator/icons.js +0 -0
- package/src/components/StatusIndicator/readme.mdx +0 -0
- package/src/components/Table/Cells/Cell.vue +0 -0
- package/src/components/Table/Cells/CheckboxCell.vue +0 -0
- package/src/components/Table/Row.vue +0 -0
- package/src/components/Table/Table.stories.js +0 -0
- package/src/components/Table/Table.vue +0 -0
- package/src/components/Tabs/Tab.vue +0 -0
- package/src/components/Tabs/TabDropdown.vue +0 -0
- package/src/components/Tabs/Tabs.stories.js +0 -0
- package/src/components/Tabs/Tabs.vue +0 -0
- package/src/components/Tabs/tabs.scss +0 -0
- package/src/components/TagPill/TagPill.stories.js +0 -0
- package/src/components/TagPill/TagPill.vue +0 -0
- package/src/components/TagPill/constants.js +0 -0
- package/src/components/TagPill/readme.mdx +0 -0
- package/src/components/ToggleTip/ToggleTip.stories.js +0 -0
- package/src/components/ToggleTip/ToggleTip.vue +0 -0
- package/src/components/ToggleTip/constants.js +0 -0
- package/src/components/ToggleTip/readme.mdx +0 -0
- package/src/components/ToggleTip/toggleTip.scss +0 -0
- package/src/components/Tooltip/Tooltip.stories.js +0 -0
- package/src/components/Tooltip/readme.mdx +0 -0
- package/src/components/TreeSelect/Select.stories.js +0 -0
- package/src/components/TreeSelect/TreeSelect.stories.js +0 -0
- package/src/constants/events.js +0 -0
- package/src/constants/keyCodes.js +0 -0
- package/src/directives/outside/outside.js +0 -0
- package/src/directives/outside/outside.stories.js +0 -0
- package/src/directives/outside/readme.mdx +0 -0
- package/src/directives/tooltip/readme.mdx +0 -0
- package/src/directives/tooltip/textOverflowTooltip.js +0 -0
- package/src/directives/tooltip/tooltip.js +0 -0
- package/src/directives/tooltip/tooltip.stories.js +0 -0
- package/src/helpers/generateUID.js +0 -0
- package/src/helpers/getHrefFromID.js +0 -0
- package/src/helpers/multiLineOverflows.js +0 -0
- package/src/helpers/removeEvents.js +0 -0
- package/src/main.js +0 -0
- package/src/mixins/expandAnimation.js +0 -0
- package/src/scripts/parseScssVariables.js +0 -0
- package/src/stories/link.readme.mdx +0 -0
- package/src/stories/link.stories.js +0 -0
- package/src/stories/variables/colors.stories.js +0 -0
- package/src/stories/variables/shadows.stories.js +0 -0
- package/static/Logo.svg +0 -0
- package/static/docks/button.pdf +0 -0
- package/static/favicon.ico +0 -0
- package/vite.config.js +0 -0
package/.babelrc.json
CHANGED
|
File without changes
|
package/.eslintrc.cjs
CHANGED
|
File without changes
|
package/.nvmrc
CHANGED
|
File without changes
|
package/.prettierrc.json
CHANGED
|
File without changes
|
|
File without changes
|
package/.storybook/main.js
CHANGED
|
File without changes
|
package/.storybook/manager.js
CHANGED
|
File without changes
|
|
File without changes
|
package/.storybook/preview.js
CHANGED
|
File without changes
|
|
File without changes
|
package/.storybook/withSource.js
CHANGED
|
File without changes
|
package/README.md
CHANGED
|
File without changes
|
package/dist/index.js
CHANGED
|
@@ -20980,8 +20980,9 @@ const S0 = {
|
|
|
20980
20980
|
class: "ql-placeholder"
|
|
20981
20981
|
}, D0 = /* @__PURE__ */ ae("option", {
|
|
20982
20982
|
selected: "",
|
|
20983
|
-
value: "default"
|
|
20984
|
-
|
|
20983
|
+
value: "default",
|
|
20984
|
+
class: "disabled"
|
|
20985
|
+
}, null, -1), L0 = ["value"], R0 = /* @__PURE__ */ _a('<div class="toolbar-group header-toolbar-group"><label class="toolbar-group__label" for="header-selector">Header Selector</label><select id="header-selector" class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>', 1), B0 = { class: "toolbar-group" }, j0 = /* @__PURE__ */ _a('<div class="toolbar-group"><label class="toolbar-group__label" for="background-selector">Background Selector</label><select id="background-selector" class="ql-background"></select><label class="toolbar-group__label" for="color-selector">Background Color Selector</label><select id="color-selector" class="ql-color"></select></div>', 1), q0 = { class: "toolbar-group" }, F0 = { class: "toolbar-group" }, H0 = { class: "toolbar-group" };
|
|
20985
20986
|
function V0(t, n, e, r, o, i) {
|
|
20986
20987
|
const a = ce("ib-character-count"), l = ce("ib-alert"), c = ce("QuillEditor"), u = ce("ib-icon-button");
|
|
20987
20988
|
return G(), te("div", {
|
package/dist/index.umd.cjs
CHANGED
|
@@ -225,4 +225,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
225
225
|
<rect x="7" y="9.5" width="11" height="2" rx="1" class="fill" fill="#1A1A1A"/>
|
|
226
226
|
<rect x="7" y="14.5" width="11" height="2" rx="1" class="fill" fill="#1A1A1A"/>
|
|
227
227
|
</svg>
|
|
228
|
-
`,Mp="",lt=mt.import("ui/icons");lt.bold=G1,lt.italic=W1,lt.underline=Y1,lt.strike=Z1,lt["code-block"]=X1,lt.link=J1,lt.align[""]=Q1,lt.align.center=e0,lt.align.right=t0,lt.align.justify=n0,lt.list.ordered=r0,lt.list.bullet=i0,lt["alphabet-list"]=o0,mt.register({"formats/alphabet-list":Yt,"formats/alphabet-list/item":$r}),mt.register("modules/placeholder",K1(mt,{className:"ql-placeholder-content"})),mt.register(lt),mt.debug("error");const a0={name:"IbTextEditor",props:{name:{type:String,required:!0},placeholder:{type:String,default:""},placeholders:{type:Array,default:()=>[]},modelValue:{type:String},content:{type:String,default:""},readOnly:{type:Boolean,default:!1},enable:{type:Boolean,default:!0},modules:{type:[Object,Array],default:()=>{}},options:{type:Object,default:()=>{}},characterLimit:{type:[String,Number],default:null},error:{type:Boolean,default:!1},disable:{type:Boolean,default:!1},errorMessage:{type:String,default:""},characterLimitErrorMessage:{type:String,default:""},height:{type:String}},emits:["onOverLimitHandler","update:modelValue","change","blur"],mounted(){this.$refs.toolbar.classList.remove("ql-toolbar");const t=this.$refs.wrapper.querySelector("input[data-link]");t.dataset.link="Enter Link",this.updateCharacterLength()},data(){return{data:this.modelValue?this.modelValue:this.content,characterLength:0,isFocus:!1}},watch:{content(t){this.data=t},data(t){this.$emit("update:modelValue",t)},characterOverLimit(t){this.$emit("onOverLimitHandler",t)}},methods:{onChange(){this.updateCharacterLength(),this.$emit("change",this.data)},onBlur(t){this.$emit("blur",this.data,t),this.isFocus=!1},onFocus(){this.isFocus=!0},updateCharacterLength(){this.characterLength=this.$refs.quill.getText().length-1}},computed:{config(){const t={placeholder:this.data.length?"":this.placeholder,readOnly:this.readOnly?this.readOnly:this.disable,enable:this.enable,modules:{toolbar:{container:"#toolbar"},placeholder:{delimiters:["{{","}}"],placeholders:this.placeholders}}};return Object.assign(t,this.options)},characterOverLimit(){return!!this.characterLimit&&this.characterLength>this.characterLimit}},components:{QuillEditor:q1,IbIconButton:ct,IbAlert:Ft,IbCharacterCount:zr}},l0=["name","disabled","value"],s0={id:"toolbar",class:"toolbar",ref:"toolbar"},d0={key:0,class:"toolbar-group header-toolbar-group"},c0=i.createElementVNode("label",{class:"toolbar-group__label",for:"placeholders"},"Placeholder Selector",-1),u0={id:"placeholders",class:"ql-placeholder"},f0=i.createElementVNode("option",{selected:"",value:"default"},"івф",-1),h0=["value"],p0=i.createStaticVNode('<div class="toolbar-group header-toolbar-group"><label class="toolbar-group__label" for="header-selector">Header Selector</label><select id="header-selector" class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>',1),m0={class:"toolbar-group"},g0=i.createStaticVNode('<div class="toolbar-group"><label class="toolbar-group__label" for="background-selector">Background Selector</label><select id="background-selector" class="ql-background"></select><label class="toolbar-group__label" for="color-selector">Background Color Selector</label><select id="color-selector" class="ql-color"></select></div>',1),y0={class:"toolbar-group"},v0={class:"toolbar-group"},b0={class:"toolbar-group"};function _0(t,n,e,o,a,r){const l=i.resolveComponent("ib-character-count"),s=i.resolveComponent("ib-alert"),f=i.resolveComponent("QuillEditor"),c=i.resolveComponent("ib-icon-button");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["textarea-wrapper",{error:r.characterOverLimit||e.error||e.errorMessage.length,focus:a.isFocus,disable:e.disable}])},[e.characterLimit?(i.openBlock(),i.createBlock(l,{key:0,"character-limit":e.characterLimit,"character-length":a.characterLength},null,8,["character-limit","character-length"])):i.createCommentVNode("",!0),e.errorMessage.length?(i.openBlock(),i.createBlock(s,{key:1,class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.errorMessage),1)]),_:1})):i.createCommentVNode("",!0),i.withDirectives(i.createVNode(s,{class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.characterLimitErrorMessage),1)]),_:1},512),[[i.vShow,e.characterLimitErrorMessage.length&&r.characterOverLimit]]),i.createElementVNode("input",{name:e.name,type:"hidden",disabled:e.disable,value:a.data},null,8,l0),i.createElementVNode("div",{class:i.normalizeClass(["ib-text-editor-wrapper",{disable:e.disable}])},[i.createElementVNode("div",{class:"ib-text-editor",style:i.normalizeStyle({height:e.height?e.height+"px":""}),ref:"wrapper"},[i.createVNode(f,{"aria-label":"text-editor",onTextChange:r.onChange,onBlur:r.onBlur,onFocus:r.onFocus,ref:"quill",content:a.data,"onUpdate:content":n[0]||(n[0]=p=>a.data=p),contentType:"html",options:r.config,modules:e.modules},null,8,["onTextChange","onBlur","onFocus","content","options","modules"])],4),i.createElementVNode("div",s0,[e.placeholders.length?(i.openBlock(),i.createElementBlock("div",d0,[c0,i.createElementVNode("select",u0,[f0,(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.placeholders,p=>(i.openBlock(),i.createElementBlock("option",{key:p.id,value:p.id},i.toDisplayString(p.label),9,h0))),128))])])):i.createCommentVNode("",!0),p0,i.createElementVNode("div",m0,[i.createVNode(c,{"aria-label":"button-bold",class:"toolbar-item ql-bold",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-italic",class:"toolbar-item ql-italic",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-underline",class:"toolbar-item ql-underline",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-strike",class:"toolbar-item ql-strike",kind:"ghost"})]),g0,i.createElementVNode("div",y0,[i.createVNode(c,{"aria-label":"button-code-block",class:"toolbar-item ql-code-block",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-link",class:"toolbar-item ql-link",kind:"ghost"})]),i.createElementVNode("div",v0,[i.createVNode(c,{"aria-label":"button-align",class:"toolbar-item ql-align",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-align-center",class:"ql-align toolbar-item",value:"center",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-align-right",class:"ql-align toolbar-item",value:"right",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-align-justify",class:"ql-align toolbar-item",value:"justify",kind:"ghost"})]),i.createElementVNode("div",b0,[i.createVNode(c,{"aria-label":"button-ordered-list",class:"ql-list toolbar-item",value:"ordered",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-bullet-list",class:"ql-list toolbar-item",value:"bullet",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-alphabet-list",class:"ql-alphabet-list alphabet-list toolbar-item",kind:"ghost"})])],512)],2)],2)}const $0=_e(a0,[["render",_0]]),Bp="",w0={name:"IbTable",computed:{hasThead(){return!!this.$slots.thead}}},k0={class:"ib-table-wrapper"},C0={class:"ib-table"};function O0(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("div",k0,[i.createElementVNode("table",C0,[r.hasThead?i.renderSlot(t.$slots,"thead",{key:0},void 0,!0):i.createCommentVNode("",!0),i.createElementVNode("tbody",null,[i.renderSlot(t.$slots,"tbody",{},void 0,!0)])])])}const E0=_e(w0,[["render",O0],["__scopeId","data-v-5dceb760"]]),Lp="",S0={name:"IbRow"},x0={class:"ib-tr"};function T0(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("tr",x0,[i.renderSlot(t.$slots,"default",{ref:"row"})])}const N0=_e(S0,[["render",T0]]),Rp="",A0={name:"IbCell",props:{fixed:{type:Boolean,default:!1}},data(){return{attr:{}}},mounted(){this.fixed&&this.freezeCol()},methods:{freezeCol(){const t=this.$el.getBoundingClientRect(),n=this.$el.closest("tr").getBoundingClientRect();this.attr.style||(this.attr.style={}),this.attr.style.minWidth=`${t.width}px`,this.attr.style.left=`${t.left-n.left}px`,this.attr.class+=" fixed"}}},D0={class:"cell"};function I0(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("td",i.mergeProps({onResize:n[0]||(n[0]=(...l)=>r.freezeCol&&r.freezeCol(...l)),class:"ib-cell"},this.attr),[i.createElementVNode("div",D0,[i.renderSlot(t.$slots,"default",{},void 0,!0)])],16)}const Ba=_e(A0,[["render",I0],["__scopeId","data-v-e74bb0f3"]]),jp="",P0={name:"IbCheckboxCell",props:{isChecked:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1}},components:{IbCell:Ba,IbCheckbox:Fr}};function M0(t,n,e,o,a,r){const l=i.resolveComponent("ib-checkbox"),s=i.resolveComponent("ib-cell");return i.openBlock(),i.createBlock(s,{fixed:e.fixed,class:"ib-checkbox-cell"},{default:i.withCtx(()=>[i.createVNode(l,{"is-checked":e.isChecked},null,8,["is-checked"])]),_:1},8,["fixed"])}const B0=_e(P0,[["render",M0]]),vi=new ko,La=(t,n)=>{if(So(t)){const e=Object.keys(n.modifiers)[0]||n.arg,o={title:n.value.title||"",text:typeof n.value=="object"?n.value.text:n.value};vi.createTooltip(t,o,e)}},Ra=()=>{vi.destroyTooltip()},L0={mounted(t,n){t.addEventListener("mouseenter",()=>La(t,n)),t.addEventListener("mouseleave",Ra)},beforeUnmount(t,n){vi.destroyTooltip(),t.removeEventListener("mouseenter",()=>La(t,n)),t.removeEventListener("mouseleave",Ra)}};pe.IbAccordion=Wa,pe.IbAlert=Ft,pe.IbAvatar=Jl,pe.IbBadge=es,pe.IbBreadcrumbs=Td,pe.IbButton=Hi,pe.IbButtonGroup=is,pe.IbCell=Ba,pe.IbCharactersCount=zr,pe.IbCheckbox=Fr,pe.IbCheckboxCell=B0,pe.IbCheckboxGroup=uu,pe.IbChips=iu,pe.IbDatePicker=ef,pe.IbDropdown=rr,pe.IbDropdownItem=jr,pe.IbDropdownList=ir,pe.IbFormGroup=su,pe.IbIcon=Be,pe.IbIconButton=ct,pe.IbInput=qr,pe.IbLabel=wn,pe.IbLimitSelector=Ao,pe.IbModal=Zs,pe.IbPagination=Nc,pe.IbPanel=Xc,pe.IbPhoneInput=O1,pe.IbPopover=fo,pe.IbProgressBar=Lc,pe.IbRadio=bu,pe.IbRow=N0,pe.IbSorting=$d,pe.IbSplitButton=Fs,pe.IbSplitButtonItem=Us,pe.IbStatusIndicator=Hc,pe.IbTab=ud,pe.IbTabDropdown=$o,pe.IbTable=E0,pe.IbTabs=sd,pe.IbTagPill=ls,pe.IbTextEditor=$0,pe.IbTextarea=Nu,pe.IbToggle=Eo,pe.IbToggleTip=mo,pe.IbTooltip=an,pe.IbTreeSelect=No,pe.OutsideDirective=tr,pe.TextOverflowTooltipDirective=L0,pe.TooltipDirective=or,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"})});
|
|
228
|
+
`,Mp="",lt=mt.import("ui/icons");lt.bold=G1,lt.italic=W1,lt.underline=Y1,lt.strike=Z1,lt["code-block"]=X1,lt.link=J1,lt.align[""]=Q1,lt.align.center=e0,lt.align.right=t0,lt.align.justify=n0,lt.list.ordered=r0,lt.list.bullet=i0,lt["alphabet-list"]=o0,mt.register({"formats/alphabet-list":Yt,"formats/alphabet-list/item":$r}),mt.register("modules/placeholder",K1(mt,{className:"ql-placeholder-content"})),mt.register(lt),mt.debug("error");const a0={name:"IbTextEditor",props:{name:{type:String,required:!0},placeholder:{type:String,default:""},placeholders:{type:Array,default:()=>[]},modelValue:{type:String},content:{type:String,default:""},readOnly:{type:Boolean,default:!1},enable:{type:Boolean,default:!0},modules:{type:[Object,Array],default:()=>{}},options:{type:Object,default:()=>{}},characterLimit:{type:[String,Number],default:null},error:{type:Boolean,default:!1},disable:{type:Boolean,default:!1},errorMessage:{type:String,default:""},characterLimitErrorMessage:{type:String,default:""},height:{type:String}},emits:["onOverLimitHandler","update:modelValue","change","blur"],mounted(){this.$refs.toolbar.classList.remove("ql-toolbar");const t=this.$refs.wrapper.querySelector("input[data-link]");t.dataset.link="Enter Link",this.updateCharacterLength()},data(){return{data:this.modelValue?this.modelValue:this.content,characterLength:0,isFocus:!1}},watch:{content(t){this.data=t},data(t){this.$emit("update:modelValue",t)},characterOverLimit(t){this.$emit("onOverLimitHandler",t)}},methods:{onChange(){this.updateCharacterLength(),this.$emit("change",this.data)},onBlur(t){this.$emit("blur",this.data,t),this.isFocus=!1},onFocus(){this.isFocus=!0},updateCharacterLength(){this.characterLength=this.$refs.quill.getText().length-1}},computed:{config(){const t={placeholder:this.data.length?"":this.placeholder,readOnly:this.readOnly?this.readOnly:this.disable,enable:this.enable,modules:{toolbar:{container:"#toolbar"},placeholder:{delimiters:["{{","}}"],placeholders:this.placeholders}}};return Object.assign(t,this.options)},characterOverLimit(){return!!this.characterLimit&&this.characterLength>this.characterLimit}},components:{QuillEditor:q1,IbIconButton:ct,IbAlert:Ft,IbCharacterCount:zr}},l0=["name","disabled","value"],s0={id:"toolbar",class:"toolbar",ref:"toolbar"},d0={key:0,class:"toolbar-group header-toolbar-group"},c0=i.createElementVNode("label",{class:"toolbar-group__label",for:"placeholders"},"Placeholder Selector",-1),u0={id:"placeholders",class:"ql-placeholder"},f0=i.createElementVNode("option",{selected:"",value:"default",class:"disabled"},null,-1),h0=["value"],p0=i.createStaticVNode('<div class="toolbar-group header-toolbar-group"><label class="toolbar-group__label" for="header-selector">Header Selector</label><select id="header-selector" class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>',1),m0={class:"toolbar-group"},g0=i.createStaticVNode('<div class="toolbar-group"><label class="toolbar-group__label" for="background-selector">Background Selector</label><select id="background-selector" class="ql-background"></select><label class="toolbar-group__label" for="color-selector">Background Color Selector</label><select id="color-selector" class="ql-color"></select></div>',1),y0={class:"toolbar-group"},v0={class:"toolbar-group"},b0={class:"toolbar-group"};function _0(t,n,e,o,a,r){const l=i.resolveComponent("ib-character-count"),s=i.resolveComponent("ib-alert"),f=i.resolveComponent("QuillEditor"),c=i.resolveComponent("ib-icon-button");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["textarea-wrapper",{error:r.characterOverLimit||e.error||e.errorMessage.length,focus:a.isFocus,disable:e.disable}])},[e.characterLimit?(i.openBlock(),i.createBlock(l,{key:0,"character-limit":e.characterLimit,"character-length":a.characterLength},null,8,["character-limit","character-length"])):i.createCommentVNode("",!0),e.errorMessage.length?(i.openBlock(),i.createBlock(s,{key:1,class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.errorMessage),1)]),_:1})):i.createCommentVNode("",!0),i.withDirectives(i.createVNode(s,{class:"error-message"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.characterLimitErrorMessage),1)]),_:1},512),[[i.vShow,e.characterLimitErrorMessage.length&&r.characterOverLimit]]),i.createElementVNode("input",{name:e.name,type:"hidden",disabled:e.disable,value:a.data},null,8,l0),i.createElementVNode("div",{class:i.normalizeClass(["ib-text-editor-wrapper",{disable:e.disable}])},[i.createElementVNode("div",{class:"ib-text-editor",style:i.normalizeStyle({height:e.height?e.height+"px":""}),ref:"wrapper"},[i.createVNode(f,{"aria-label":"text-editor",onTextChange:r.onChange,onBlur:r.onBlur,onFocus:r.onFocus,ref:"quill",content:a.data,"onUpdate:content":n[0]||(n[0]=p=>a.data=p),contentType:"html",options:r.config,modules:e.modules},null,8,["onTextChange","onBlur","onFocus","content","options","modules"])],4),i.createElementVNode("div",s0,[e.placeholders.length?(i.openBlock(),i.createElementBlock("div",d0,[c0,i.createElementVNode("select",u0,[f0,(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.placeholders,p=>(i.openBlock(),i.createElementBlock("option",{key:p.id,value:p.id},i.toDisplayString(p.label),9,h0))),128))])])):i.createCommentVNode("",!0),p0,i.createElementVNode("div",m0,[i.createVNode(c,{"aria-label":"button-bold",class:"toolbar-item ql-bold",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-italic",class:"toolbar-item ql-italic",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-underline",class:"toolbar-item ql-underline",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-strike",class:"toolbar-item ql-strike",kind:"ghost"})]),g0,i.createElementVNode("div",y0,[i.createVNode(c,{"aria-label":"button-code-block",class:"toolbar-item ql-code-block",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-link",class:"toolbar-item ql-link",kind:"ghost"})]),i.createElementVNode("div",v0,[i.createVNode(c,{"aria-label":"button-align",class:"toolbar-item ql-align",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-align-center",class:"ql-align toolbar-item",value:"center",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-align-right",class:"ql-align toolbar-item",value:"right",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-align-justify",class:"ql-align toolbar-item",value:"justify",kind:"ghost"})]),i.createElementVNode("div",b0,[i.createVNode(c,{"aria-label":"button-ordered-list",class:"ql-list toolbar-item",value:"ordered",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-bullet-list",class:"ql-list toolbar-item",value:"bullet",kind:"ghost"}),i.createVNode(c,{"aria-label":"button-alphabet-list",class:"ql-alphabet-list alphabet-list toolbar-item",kind:"ghost"})])],512)],2)],2)}const $0=_e(a0,[["render",_0]]),Bp="",w0={name:"IbTable",computed:{hasThead(){return!!this.$slots.thead}}},k0={class:"ib-table-wrapper"},C0={class:"ib-table"};function O0(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("div",k0,[i.createElementVNode("table",C0,[r.hasThead?i.renderSlot(t.$slots,"thead",{key:0},void 0,!0):i.createCommentVNode("",!0),i.createElementVNode("tbody",null,[i.renderSlot(t.$slots,"tbody",{},void 0,!0)])])])}const E0=_e(w0,[["render",O0],["__scopeId","data-v-5dceb760"]]),Lp="",S0={name:"IbRow"},x0={class:"ib-tr"};function T0(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("tr",x0,[i.renderSlot(t.$slots,"default",{ref:"row"})])}const N0=_e(S0,[["render",T0]]),Rp="",A0={name:"IbCell",props:{fixed:{type:Boolean,default:!1}},data(){return{attr:{}}},mounted(){this.fixed&&this.freezeCol()},methods:{freezeCol(){const t=this.$el.getBoundingClientRect(),n=this.$el.closest("tr").getBoundingClientRect();this.attr.style||(this.attr.style={}),this.attr.style.minWidth=`${t.width}px`,this.attr.style.left=`${t.left-n.left}px`,this.attr.class+=" fixed"}}},D0={class:"cell"};function I0(t,n,e,o,a,r){return i.openBlock(),i.createElementBlock("td",i.mergeProps({onResize:n[0]||(n[0]=(...l)=>r.freezeCol&&r.freezeCol(...l)),class:"ib-cell"},this.attr),[i.createElementVNode("div",D0,[i.renderSlot(t.$slots,"default",{},void 0,!0)])],16)}const Ba=_e(A0,[["render",I0],["__scopeId","data-v-e74bb0f3"]]),jp="",P0={name:"IbCheckboxCell",props:{isChecked:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1}},components:{IbCell:Ba,IbCheckbox:Fr}};function M0(t,n,e,o,a,r){const l=i.resolveComponent("ib-checkbox"),s=i.resolveComponent("ib-cell");return i.openBlock(),i.createBlock(s,{fixed:e.fixed,class:"ib-checkbox-cell"},{default:i.withCtx(()=>[i.createVNode(l,{"is-checked":e.isChecked},null,8,["is-checked"])]),_:1},8,["fixed"])}const B0=_e(P0,[["render",M0]]),vi=new ko,La=(t,n)=>{if(So(t)){const e=Object.keys(n.modifiers)[0]||n.arg,o={title:n.value.title||"",text:typeof n.value=="object"?n.value.text:n.value};vi.createTooltip(t,o,e)}},Ra=()=>{vi.destroyTooltip()},L0={mounted(t,n){t.addEventListener("mouseenter",()=>La(t,n)),t.addEventListener("mouseleave",Ra)},beforeUnmount(t,n){vi.destroyTooltip(),t.removeEventListener("mouseenter",()=>La(t,n)),t.removeEventListener("mouseleave",Ra)}};pe.IbAccordion=Wa,pe.IbAlert=Ft,pe.IbAvatar=Jl,pe.IbBadge=es,pe.IbBreadcrumbs=Td,pe.IbButton=Hi,pe.IbButtonGroup=is,pe.IbCell=Ba,pe.IbCharactersCount=zr,pe.IbCheckbox=Fr,pe.IbCheckboxCell=B0,pe.IbCheckboxGroup=uu,pe.IbChips=iu,pe.IbDatePicker=ef,pe.IbDropdown=rr,pe.IbDropdownItem=jr,pe.IbDropdownList=ir,pe.IbFormGroup=su,pe.IbIcon=Be,pe.IbIconButton=ct,pe.IbInput=qr,pe.IbLabel=wn,pe.IbLimitSelector=Ao,pe.IbModal=Zs,pe.IbPagination=Nc,pe.IbPanel=Xc,pe.IbPhoneInput=O1,pe.IbPopover=fo,pe.IbProgressBar=Lc,pe.IbRadio=bu,pe.IbRow=N0,pe.IbSorting=$d,pe.IbSplitButton=Fs,pe.IbSplitButtonItem=Us,pe.IbStatusIndicator=Hc,pe.IbTab=ud,pe.IbTabDropdown=$o,pe.IbTable=E0,pe.IbTabs=sd,pe.IbTagPill=ls,pe.IbTextEditor=$0,pe.IbTextarea=Nu,pe.IbToggle=Eo,pe.IbToggleTip=mo,pe.IbTooltip=an,pe.IbTreeSelect=No,pe.OutsideDirective=tr,pe.TextOverflowTooltipDirective=L0,pe.TooltipDirective=or,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"})});
|