@foxy.io/elements 1.27.0-beta.5 → 1.27.0-beta.7

package/dist/elements/public/ItemCategoryForm/ItemCategoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemCategoryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/ItemCategoryForm.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,MAAM,OAAO,gBAAiB,SAAQ,iBAAiB,CAAC,YAAY,EAAE,oBAAoB,CAAO;IAAjG;;QA+GE,8DAA8D;QAC9D,mBAAc,GAAkB,IAAI,CAAC;QAErC,sDAAsD;QACtD,cAAS,GAAc,EAAE,CAAC;QAE1B,oDAAoD;QACpD,UAAK,GAAkB,IAAI,CAAC;QAiCX,yCAAoC,GAAG,sCAAsC,CAAC;QAE9E,oCAA+B,GAAG,gCAAgC,CAAC;QAEnE,iCAA4B,GAAG,6BAA6B,CAAC;IAyPhF,CAAC;IAnZC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,cAAc,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAChD,KAAK,EAAE,EAAE;SACV,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,IAAI,mBAAmB;YAE7D,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,IAAI,mBAAmB;YAE7D,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,iCAAiC;YAEvE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,0BAA0B,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC3D,OAAO,CACL,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;oBACnD,yCAAyC,CAC1C,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,0BAA0B,EAAE,CAAC,EAAE,EAAE,EAAE;gBACpC,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,yCAAyC,CAAC;YAC9F,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,yBAAyB,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC1D,OAAO,CACL,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;oBACnD,wCAAwC,CACzC,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,yBAAyB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACnC,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,wCAAwC,CAAC;YAC7F,CAAC;YAED,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,EAAE,EAAE;gBACvB,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,4BAA4B,CAAC;YACjF,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC/C,OAAO,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,6BAA6B,CAAC;YAC3F,CAAC;YAED,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE;gBACxB,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,6BAA6B,CAAC;YAClF,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACpD,OAAO,CACL,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,kCAAkC,CACvF,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACpD,OAAO,CACL,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,kCAAkC,CACvF,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACnD,OAAO,CACL,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,iCAAiC,CACxF,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC5B,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,iCAAiC,CAAC;YACtF,CAAC;YAED,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACxD,OAAO,CACL,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;oBAClD,sCAAsC,CACvC,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,gCAAgC;YAErE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACpD,OAAO,CACL,CAAC,CAAC,KAAK,2BAA2B,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;oBAClE,mCAAmC,CACpC,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC9B,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,mCAAmC,CAAC;YACxF,CAAC;YAED,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACvD,OAAO,CACL,CAAC,CAAC,KAAK,2BAA2B,IAAI,CAAC,KAAK,cAAc;oBACxD,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ;oBACvB,CAAC,CAAC,IAAI,CAAC,IAAI,sCAAsC,CACpD,CAAC;YACJ,CAAC;YAED,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACjC,OAAO,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,sCAAsC,CAAC;YAC3F,CAAC;YAED,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,0BAA0B;SAC5F,CAAC;IACJ,CAAC;IAgDD,UAAU;;QACR,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;QACtD,MAAM,eAAe,SAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,mCAAI,MAAM,CAAC;QAE9D,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,IAAI,SAAS,CAAC;aAC/D,IAAI,CAAC,+BAA+B;kBAC/B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,iCAAiC,IAAI,SAAS,CAAC;aACrE,IAAI,CAAC,oCAAoC;kBACpC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,IAAI,SAAS,CAAC;aAC5D,IAAI,CAAC,4BAA4B;kBAC5B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;;;;;qBAWvB,gBAAgB,CAAC,wBAAwB;;;;UAIpD,eAAe,KAAK,MAAM;YAC1B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAA;gBACA,IAAI,CAAC,mBAAmB,EAAE;gBAC1B,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,6BAA6B,EAAE,CAAC,CAAC,CAAC,EAAE;gBAC/E,eAAe,KAAK,2BAA2B;gBAC/C,CAAC,CAAC,IAAI,CAAC,0BAA0B,EAAE;gBACnC,CAAC,CAAC,EAAE;aACP;;;;;qBAKQ,gBAAgB,CAAC,yBAAyB;;;;UAIrD,gBAAgB,KAAK,YAAY;YACjC,CAAC,CAAC,IAAI,CAAC,gCAAgC,EAAE;YACzC,CAAC,CAAC,gBAAgB,KAAK,WAAW;gBAClC,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAChE,CAAC,CAAC,gBAAgB,KAAK,SAAS;oBAChC,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC;oBAChE,CAAC,CAAC,EAAE;;;;;UAKJ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE;;;;;kBAKrD,SAAS,OAAC,IAAI,CAAC,cAAc,mCAAI,SAAS,CAAC;;kBAE3C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;0BACtC,MAAA,IAAI,CAAC,0BAA0B,0CAAE,IAAI;oBAC3C,CAAC,GAAgB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC;gBACR,gBAAgB,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM;gBAC9B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;aACrD,CAAC,CAAC;QACL,CAAC;;;;UAID,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE;;;;;kBAKnD,SAAS,OAAC,IAAI,CAAC,cAAc,mCAAI,SAAS,CAAC;;;0BAGnC,MAAA,IAAI,CAAC,6BAA6B,0CAAE,IAAI;oBAC9C,CAAC,GAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;;;;;;;kBAOxE,SAAS,OAAC,IAAI,CAAC,cAAc,mCAAI,SAAS,CAAC;;;0BAGnC,MAAA,IAAI,CAAC,kCAAkC,0CAAE,IAAI;;;;UAI7D,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE;;;QAGvC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAED,IAAY,kCAAkC;QAC5C,MAAM,EAAE,GAAG,IAAI,CAAC,oCAAoC,CAAC;QAErD,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,EAAE,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,IAAY,6BAA6B;QACvC,MAAM,EAAE,GAAG,IAAI,CAAC,+BAA+B,CAAC;QAEhD,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,EAAE,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,IAAY,0BAA0B;QACpC,MAAM,EAAE,GAAG,IAAI,CAAC,4BAA4B,CAAC;QAE7C,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,EAAE,EAAE,CAAC,CAAC;IACzD,CAAC;IAEO,mBAAmB;QACzB,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,IAAI,CAAC,iBAAiB,KAAK,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;;KAG7E,CAAC;IACJ,CAAC;IAEO,6BAA6B;QACnC,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAEO,0BAA0B;QAChC,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAEO,gCAAgC;QACtC,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;IAEO,wBAAwB;QAC9B,OAAO,IAAI,CAAA;;;;;mBAKI,gBAAgB,CAAC,6BAA6B;;;KAG5D,CAAC;IACJ,CAAC;IAEO,wBAAwB;QAC9B,OAAO,IAAI,CAAA;;;;;;mBAMI,gBAAgB,CAAC,0BAA0B;;;;;;mBAM3C,gBAAgB,CAAC,0BAA0B;;;KAGzD,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,OAAO,IAAI,CAAA;;;KAGV,CAAC;IACJ,CAAC;IAEO,uBAAuB;;QAC7B,MAAM,WAAW,GAAgB;YAC/B,IAAI,QAAE,IAAI,CAAC,IAAI,CAAC,aAAa,mCAAI,EAAE;YACnC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,iBAAiB;YAClD,OAAO,QAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB,mCAAI,EAAE;SAC1C,CAAC;QAEF,OAAO,IAAI,CAAA;;;;uBAIQ,WAAW;kBAChB,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,aAAgC,CAAC;YAErD,IAAI,CAAC,IAAI,CAAC;gBACR,aAAa,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI;gBACvC,aAAa,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI;gBACvC,gBAAgB,EAAE,OAAO,CAAC,WAAW,CAAC,OAAO;aAC9C,CAAC,CAAC;QACL,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAA,gFAAgF,CAAC;IAC9F,CAAC;IAEO,aAAa;;QACnB,OAAO,IAAI,CAAA;;gBAEC,SAAS,OAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,CAAC;;;;;KAK7C,CAAC;IACJ,CAAC;;AA3Rc,8CAA6B,GAAG;IAC7C,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE;IACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAE;CACxD,CAAC;AAEa,2CAA0B,GAAG;IAC1C,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;IACrC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;CACtC,CAAC;AAEa,2CAA0B,GAAG;IAC1C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE;IACnC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE;CACpC,CAAC;AAEa,0CAAyB,GAAG;IACzC,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,EAAE;IACnD,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,EAAE;IACnD,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE;IACjD,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;IAC7C,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE;CAC5C,CAAC;AAEa,yCAAwB,GAAG;IACxC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE;IACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC3D,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,eAAe,EAAE;IACzD,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAE;IACvD,EAAE,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,2BAA2B,EAAE;CAClF,CAAC","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { Templates, Data } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { ParsedValue } from '../DiscountBuilder/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Form element for item categories (`fx:item_category`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot handling-fee-type:before\n * @slot handling-fee-type:after\n *\n * @slot handling-fee:before\n * @slot handling-fee:after\n *\n * @slot handling-fee-percentage:before\n * @slot handling-fee-percentage:after\n *\n * @slot handling-fee-minimum:before\n * @slot handling-fee-minimum:after\n *\n * @slot item-delivery-type:before\n * @slot item-delivery-type:after\n *\n * @slot max-downloads-per-customer:before\n * @slot max-downloads-per-customer:after\n *\n * @slot max-downloads-time-period:before\n * @slot max-downloads-time-period:after\n *\n * @slot shipping-flat-rate:before\n * @slot shipping-flat-rate:after\n *\n * @slot shipping-flat-rate-type:before\n * @slot shipping-flat-rate-type:after\n *\n * @slot default-weight:before\n * @slot default-weight:after\n *\n * @slot default-weight-unit:before\n * @slot default-weight-unit:after\n *\n * @slot default-length-unit:before\n * @slot default-length-unit:after\n *\n * @slot customs-value:before\n * @slot customs-value:after\n *\n * @slot discount-name:before\n * @slot discount-name:after\n *\n * @slot discount-builder:before\n * @slot discount-builder:after\n *\n * @slot admin-email-template-uri:before\n * @slot admin-email-template-uri:after\n *\n * @slot customer-email-template-uri:before\n * @slot customer-email-template-uri:after\n *\n * @slot gift-recipient-email-template-uri:before\n * @slot gift-recipient-email-template-uri:after\n *\n * @slot taxes:before\n * @slot taxes:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n *\n * @since 1.21.0\n * @element foxy-item-category-form\n */\nexport class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-category-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      emailTemplates: { attribute: 'email-templates' },\n      taxes: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (v && v.length <= 50) || 'code:v8n_too_long',\n\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (v && v.length <= 50) || 'name:v8n_too_long',\n\n      ({ item_delivery_type: v }) => !!v || 'item-delivery-type:v8n_required',\n\n      ({ item_delivery_type: t, max_downloads_per_customer: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-per-customer:v8n_required'\n        );\n      },\n\n      ({ max_downloads_per_customer: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-per-customer:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, max_downloads_time_period: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-time-period:v8n_required'\n        );\n      },\n\n      ({ max_downloads_time_period: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-time-period:v8n_negative';\n      },\n\n      ({ customs_value: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'customs-value:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight: v }) => {\n        return (t === 'shipped' ? typeof v === 'number' : true) || 'default-weight:v8n_required';\n      },\n\n      ({ default_weight: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'default-weight:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-weight-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, default_length_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-length-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'number' : true) || 'shipping-flat-rate:v8n_required'\n        );\n      },\n\n      ({ shipping_flat_rate: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'shipping-flat-rate:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate_type: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'string' : true) ||\n          'shipping-flat-rate-type:v8n_required'\n        );\n      },\n\n      ({ handling_fee_type: v }) => !!v || 'handling-fee-type:v8n_required',\n\n      ({ handling_fee_type: t, handling_fee_minimum: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' ? typeof v === 'number' : true) ||\n          'handling-fee-minimum:v8n_required'\n        );\n      },\n\n      ({ handling_fee_minimum: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-minimum:v8n_negative';\n      },\n\n      ({ handling_fee_type: t, handling_fee_percentage: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' || t === 'flat_percent'\n            ? typeof v === 'number'\n            : true) || 'handling-fee-percentage:v8n_required'\n        );\n      },\n\n      ({ handling_fee_percentage: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';\n      },\n\n      ({ send_admin_email: s, admin_email: v }) => (s ? !!v : true) || 'admin-email:v8n_required',\n    ];\n  }\n\n  /** URL of the `fx:email_templates` collection for a store. */\n  emailTemplates: string | null = null;\n\n  /** Template render functions mapped to their name. */\n  templates: Templates = {};\n\n  /** URL of the `fx:taxes` collection for a store. */\n  taxes: string | null = null;\n\n  private static __shippingFlatRateTypeOptions = [\n    { label: 'option_per_order', value: 'per_order' },\n    { label: 'option_per_shipment', value: 'per_shipment' },\n  ];\n\n  private static __defaultWeightUnitOptions = [\n    { label: 'option_lbs', value: 'LBS' },\n    { label: 'option_kgs', value: 'KGS' },\n  ];\n\n  private static __defaultLengthUnitOptions = [\n    { label: 'option_in', value: 'IN' },\n    { label: 'option_cm', value: 'CM' },\n  ];\n\n  private static __itemDeliveryTypeOptions = [\n    { label: 'option_notshipped', value: 'notshipped' },\n    { label: 'option_downloaded', value: 'downloaded' },\n    { label: 'option_flat_rate', value: 'flat_rate' },\n    { label: 'option_shipped', value: 'shipped' },\n    { label: 'option_pickup', value: 'pickup' },\n  ];\n\n  private static __handlingFeeTypeOptions = [\n    { label: 'option_none', value: 'none' },\n    { label: 'option_flat_per_order', value: 'flat_per_order' },\n    { label: 'option_flat_per_item', value: 'flat_per_item' },\n    { label: 'option_flat_percent', value: 'flat_percent' },\n    { label: 'option_flat_percent_with_minimum', value: 'flat_percent_with_minimum' },\n  ];\n\n  private readonly __giftRecipientEmailTemplateLoaderId = 'gift-recipient-email-template-loader';\n\n  private readonly __customerEmailTemplateLoaderId = 'customer-email-template-loader';\n\n  private readonly __adminEmailTemplateLoaderId = 'admin-email-template-loader';\n\n  renderBody(): TemplateResult {\n    const itemDeliveryType = this.form.item_delivery_type;\n    const handlingFeeType = this.form.handling_fee_type ?? 'none';\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.customer_email_template_uri || undefined)}\n        id=${this.__customerEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.gift_recipient_email_template_uri || undefined)}\n        id=${this.__giftRecipientEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.admin_email_template_uri || undefined)}\n        id=${this.__adminEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control infer=\"name\" class=\"col-span-2\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\" class=\"col-span-2\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          infer=\"handling-fee-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__handlingFeeTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${handlingFeeType === 'none'\n          ? ''\n          : html`\n              ${this.__renderHandlingFee()}\n              ${handlingFeeType.includes('percent') ? this.__renderHandlingFeePercentage() : ''}\n              ${handlingFeeType === 'flat_percent_with_minimum'\n                ? this.__renderHandlingFeeMinimum()\n                : ''}\n            `}\n\n        <foxy-internal-select-control\n          infer=\"item-delivery-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${itemDeliveryType === 'downloaded'\n          ? this.__renderDownloadDeliveryControls()\n          : itemDeliveryType === 'flat_rate'\n          ? [this.__renderFlatRateControls(), this.__renderCustomsValue()]\n          : itemDeliveryType === 'shipped'\n          ? [this.__renderShippingControls(), this.__renderCustomsValue()]\n          : ''}\n\n        <foxy-internal-text-control infer=\"discount-name\" class=\"col-span-2\">\n        </foxy-internal-text-control>\n\n        ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"admin-email-template-uri\"\n          class=${this.form.send_admin_email ? '' : 'col-span-2'}\n          .selectedItem=${this.__adminEmailTemplateLoader?.data}\n          @change=${(evt: CustomEvent) => {\n            this.edit({\n              send_admin_email: !!evt.detail,\n              admin_email: evt.detail ? this.form.admin_email : '',\n            });\n          }}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${this.form.send_admin_email ? this.__renderAdminEmail() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"customer-email-template-uri\"\n          class=\"col-span-2\"\n          .selectedItem=${this.__customerEmailTemplateLoader?.data}\n          @change=${(evt: CustomEvent) => this.edit({ send_customer_email: !!evt.detail })}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"gift-recipient-email-template-uri\"\n          class=\"col-span-2\"\n          .selectedItem=${this.__giftRecipientEmailTemplateLoader?.data}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${this.data ? this.__renderTaxes() : ''}\n      </div>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private get __giftRecipientEmailTemplateLoader() {\n    const id = this.__giftRecipientEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private get __customerEmailTemplateLoader() {\n    const id = this.__customerEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private get __adminEmailTemplateLoader() {\n    const id = this.__adminEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private __renderHandlingFee() {\n    return html`\n      <foxy-internal-number-control\n        infer=\"handling-fee\"\n        class=${this.form.handling_fee_type === 'flat_percent' ? '' : 'col-span-2'}\n      >\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeePercentage() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-percentage\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeeMinimum() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-minimum\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDownloadDeliveryControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"max-downloads-per-customer\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-integer-control infer=\"max-downloads-time-period\">\n      </foxy-internal-integer-control>\n    `;\n  }\n\n  private __renderFlatRateControls() {\n    return html`\n      <foxy-internal-number-control infer=\"shipping-flat-rate\"> </foxy-internal-number-control>\n\n      <foxy-internal-select-control\n        infer=\"shipping-flat-rate-type\"\n        .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderShippingControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"default-weight\" class=\"col-span-2\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-select-control\n        infer=\"default-weight-unit\"\n        .options=${ItemCategoryForm.__defaultWeightUnitOptions}\n      >\n      </foxy-internal-select-control>\n\n      <foxy-internal-select-control\n        infer=\"default-length-unit\"\n        .options=${ItemCategoryForm.__defaultLengthUnitOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderCustomsValue() {\n    return html`\n      <foxy-internal-number-control infer=\"customs-value\" class=\"col-span-2\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDiscountBuilder() {\n    const parsedValue: ParsedValue = {\n      name: this.form.discount_name ?? '',\n      type: this.form.discount_type || 'quantity_amount',\n      details: this.form.discount_details ?? '',\n    };\n\n    return html`\n      <foxy-discount-builder\n        infer=\"discount-builder\"\n        class=\"col-span-2\"\n        .parsedValue=${parsedValue}\n        @change=${(evt: CustomEvent) => {\n          const builder = evt.currentTarget as DiscountBuilder;\n\n          this.edit({\n            discount_name: builder.parsedValue.name,\n            discount_type: builder.parsedValue.type,\n            discount_details: builder.parsedValue.details,\n          });\n        }}\n      >\n      </foxy-discount-builder>\n    `;\n  }\n\n  private __renderAdminEmail() {\n    return html`<foxy-internal-text-control infer=\"admin-email\"> </foxy-internal-text-control>`;\n  }\n\n  private __renderTaxes() {\n    return html`\n      <foxy-internal-item-category-form-taxes-control\n        taxes=${ifDefined(this.taxes ?? undefined)}\n        class=\"col-span-2\"\n        infer=\"taxes\"\n      >\n      </foxy-internal-item-category-form-taxes-control>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ItemCategoryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/ItemCategoryForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { Templates, Data } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { ParsedValue } from '../DiscountBuilder/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Form element for item categories (`fx:item_category`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot handling-fee-type:before\n * @slot handling-fee-type:after\n *\n * @slot handling-fee:before\n * @slot handling-fee:after\n *\n * @slot handling-fee-percentage:before\n * @slot handling-fee-percentage:after\n *\n * @slot handling-fee-minimum:before\n * @slot handling-fee-minimum:after\n *\n * @slot item-delivery-type:before\n * @slot item-delivery-type:after\n *\n * @slot max-downloads-per-customer:before\n * @slot max-downloads-per-customer:after\n *\n * @slot max-downloads-time-period:before\n * @slot max-downloads-time-period:after\n *\n * @slot shipping-flat-rate:before\n * @slot shipping-flat-rate:after\n *\n * @slot shipping-flat-rate-type:before\n * @slot shipping-flat-rate-type:after\n *\n * @slot default-weight:before\n * @slot default-weight:after\n *\n * @slot default-weight-unit:before\n * @slot default-weight-unit:after\n *\n * @slot default-length-unit:before\n * @slot default-length-unit:after\n *\n * @slot customs-value:before\n * @slot customs-value:after\n *\n * @slot discount-name:before\n * @slot discount-name:after\n *\n * @slot discount-builder:before\n * @slot discount-builder:after\n *\n * @slot admin-email-template-uri:before\n * @slot admin-email-template-uri:after\n *\n * @slot customer-email-template-uri:before\n * @slot customer-email-template-uri:after\n *\n * @slot gift-recipient-email-template-uri:before\n * @slot gift-recipient-email-template-uri:after\n *\n * @slot taxes:before\n * @slot taxes:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n *\n * @since 1.21.0\n * @element foxy-item-category-form\n */\nexport class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-category-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      emailTemplates: { attribute: 'email-templates' },\n      taxes: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (v && v.length <= 50) || 'code:v8n_too_long',\n\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (v && v.length <= 50) || 'name:v8n_too_long',\n\n      ({ item_delivery_type: v }) => !!v || 'item-delivery-type:v8n_required',\n\n      ({ item_delivery_type: t, max_downloads_per_customer: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-per-customer:v8n_required'\n        );\n      },\n\n      ({ max_downloads_per_customer: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-per-customer:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, max_downloads_time_period: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-time-period:v8n_required'\n        );\n      },\n\n      ({ max_downloads_time_period: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-time-period:v8n_negative';\n      },\n\n      ({ customs_value: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'customs-value:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight: v }) => {\n        return (t === 'shipped' ? typeof v === 'number' : true) || 'default-weight:v8n_required';\n      },\n\n      ({ default_weight: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'default-weight:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-weight-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, default_length_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-length-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'number' : true) || 'shipping-flat-rate:v8n_required'\n        );\n      },\n\n      ({ shipping_flat_rate: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'shipping-flat-rate:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate_type: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'string' : true) ||\n          'shipping-flat-rate-type:v8n_required'\n        );\n      },\n\n      ({ handling_fee_type: v }) => !!v || 'handling-fee-type:v8n_required',\n\n      ({ handling_fee_type: t, handling_fee_minimum: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' ? typeof v === 'number' : true) ||\n          'handling-fee-minimum:v8n_required'\n        );\n      },\n\n      ({ handling_fee_minimum: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-minimum:v8n_negative';\n      },\n\n      ({ handling_fee_type: t, handling_fee_percentage: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' || t === 'flat_percent'\n            ? typeof v === 'number'\n            : true) || 'handling-fee-percentage:v8n_required'\n        );\n      },\n\n      ({ handling_fee_percentage: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';\n      },\n\n      ({ send_admin_email: s, admin_email: v }) => (s ? !!v : true) || 'admin-email:v8n_required',\n    ];\n  }\n\n  /** URL of the `fx:email_templates` collection for a store. */\n  emailTemplates: string | null = null;\n\n  /** Template render functions mapped to their name. */\n  templates: Templates = {};\n\n  /** URL of the `fx:taxes` collection for a store. */\n  taxes: string | null = null;\n\n  private static __shippingFlatRateTypeOptions = [\n    { label: 'option_per_order', value: 'per_order' },\n    { label: 'option_per_shipment', value: 'per_shipment' },\n  ];\n\n  private static __defaultWeightUnitOptions = [\n    { label: 'option_lbs', value: 'LBS' },\n    { label: 'option_kgs', value: 'KGS' },\n  ];\n\n  private static __defaultLengthUnitOptions = [\n    { label: 'option_in', value: 'IN' },\n    { label: 'option_cm', value: 'CM' },\n  ];\n\n  private static __itemDeliveryTypeOptions = [\n    { label: 'option_notshipped', value: 'notshipped' },\n    { label: 'option_downloaded', value: 'downloaded' },\n    { label: 'option_flat_rate', value: 'flat_rate' },\n    { label: 'option_shipped', value: 'shipped' },\n    { label: 'option_pickup', value: 'pickup' },\n  ];\n\n  private static __handlingFeeTypeOptions = [\n    { label: 'option_none', value: 'none' },\n    { label: 'option_flat_per_order', value: 'flat_per_order' },\n    { label: 'option_flat_per_item', value: 'flat_per_item' },\n    { label: 'option_flat_percent', value: 'flat_percent' },\n    { label: 'option_flat_percent_with_minimum', value: 'flat_percent_with_minimum' },\n  ];\n\n  private readonly __giftRecipientEmailTemplateLoaderId = 'gift-recipient-email-template-loader';\n\n  private readonly __customerEmailTemplateLoaderId = 'customer-email-template-loader';\n\n  private readonly __adminEmailTemplateLoaderId = 'admin-email-template-loader';\n\n  renderBody(): TemplateResult {\n    const itemDeliveryType = this.form.item_delivery_type;\n    const handlingFeeType = this.form.handling_fee_type ?? 'none';\n\n    return html`\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control infer=\"name\" class=\"col-span-2\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\" class=\"col-span-2\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          infer=\"handling-fee-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__handlingFeeTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${handlingFeeType === 'none'\n          ? ''\n          : html`\n              ${this.__renderHandlingFee()}\n              ${handlingFeeType.includes('percent') ? this.__renderHandlingFeePercentage() : ''}\n              ${handlingFeeType === 'flat_percent_with_minimum'\n                ? this.__renderHandlingFeeMinimum()\n                : ''}\n            `}\n\n        <foxy-internal-select-control\n          infer=\"item-delivery-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${itemDeliveryType === 'downloaded'\n          ? this.__renderDownloadDeliveryControls()\n          : itemDeliveryType === 'flat_rate'\n          ? [this.__renderFlatRateControls(), this.__renderCustomsValue()]\n          : itemDeliveryType === 'shipped'\n          ? [this.__renderShippingControls(), this.__renderCustomsValue()]\n          : ''}\n\n        <foxy-internal-text-control infer=\"discount-name\" class=\"col-span-2\">\n        </foxy-internal-text-control>\n\n        ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"admin-email-template-uri\"\n          class=${this.form.send_admin_email ? '' : 'col-span-2'}\n          .selectedItem=${this.__adminEmailTemplateLoader?.data}\n          @change=${(evt: CustomEvent) => {\n            this.edit({\n              send_admin_email: !!evt.detail,\n              admin_email: evt.detail ? this.form.admin_email : '',\n            });\n          }}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${this.form.send_admin_email ? this.__renderAdminEmail() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"customer-email-template-uri\"\n          class=\"col-span-2\"\n          .selectedItem=${this.__customerEmailTemplateLoader?.data}\n          @change=${(evt: CustomEvent) => this.edit({ send_customer_email: !!evt.detail })}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"gift-recipient-email-template-uri\"\n          class=\"col-span-2\"\n          .selectedItem=${this.__giftRecipientEmailTemplateLoader?.data}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${this.data ? this.__renderTaxes() : ''}\n      </div>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.customer_email_template_uri || undefined)}\n        id=${this.__customerEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.gift_recipient_email_template_uri || undefined)}\n        id=${this.__giftRecipientEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.admin_email_template_uri || undefined)}\n        id=${this.__adminEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __giftRecipientEmailTemplateLoader() {\n    const id = this.__giftRecipientEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private get __customerEmailTemplateLoader() {\n    const id = this.__customerEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private get __adminEmailTemplateLoader() {\n    const id = this.__adminEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private __renderHandlingFee() {\n    return html`\n      <foxy-internal-number-control\n        infer=\"handling-fee\"\n        class=${this.form.handling_fee_type === 'flat_percent' ? '' : 'col-span-2'}\n      >\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeePercentage() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-percentage\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeeMinimum() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-minimum\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDownloadDeliveryControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"max-downloads-per-customer\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-integer-control infer=\"max-downloads-time-period\">\n      </foxy-internal-integer-control>\n    `;\n  }\n\n  private __renderFlatRateControls() {\n    return html`\n      <foxy-internal-number-control infer=\"shipping-flat-rate\"> </foxy-internal-number-control>\n\n      <foxy-internal-select-control\n        infer=\"shipping-flat-rate-type\"\n        .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderShippingControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"default-weight\" class=\"col-span-2\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-select-control\n        infer=\"default-weight-unit\"\n        .options=${ItemCategoryForm.__defaultWeightUnitOptions}\n      >\n      </foxy-internal-select-control>\n\n      <foxy-internal-select-control\n        infer=\"default-length-unit\"\n        .options=${ItemCategoryForm.__defaultLengthUnitOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderCustomsValue() {\n    return html`\n      <foxy-internal-number-control infer=\"customs-value\" class=\"col-span-2\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDiscountBuilder() {\n    const parsedValue: ParsedValue = {\n      name: this.form.discount_name ?? '',\n      type: this.form.discount_type || 'quantity_amount',\n      details: this.form.discount_details ?? '',\n    };\n\n    return html`\n      <foxy-discount-builder\n        infer=\"discount-builder\"\n        class=\"col-span-2\"\n        .parsedValue=${parsedValue}\n        @change=${(evt: CustomEvent) => {\n          const builder = evt.currentTarget as DiscountBuilder;\n\n          this.edit({\n            discount_name: builder.parsedValue.name,\n            discount_type: builder.parsedValue.type,\n            discount_details: builder.parsedValue.details,\n          });\n        }}\n      >\n      </foxy-discount-builder>\n    `;\n  }\n\n  private __renderAdminEmail() {\n    return html`<foxy-internal-text-control infer=\"admin-email\"> </foxy-internal-text-control>`;\n  }\n\n  private __renderTaxes() {\n    return html`\n      <foxy-internal-item-category-form-taxes-control\n        taxes=${ifDefined(this.taxes ?? undefined)}\n        class=\"col-span-2\"\n        infer=\"taxes\"\n      >\n      </foxy-internal-item-category-form-taxes-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/QueryBuilder/QueryBuilder.d.ts

@@ -51,6 +51,10 @@ declare class QueryBuilder extends Base {
     static readonly Type: typeof Type;
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResultArray;
+    /** List of operators available in the builder UI. */
+    operators: Operator[];
+    /** If true, hides the UI for the "OR" operator in queries. */
+    disableOr: boolean;
     /** Autocomplete suggestions. */
     options: Option[] | null;
     /** Current value as hAPI filter string. */

package/dist/elements/public/QueryBuilder/QueryBuilder.js

@@ -22,6 +22,10 @@ const Base = ConfigurableMixin(ResponsiveMixin(ThemeableMixin(TranslatableMixin(
 class QueryBuilder extends Base {
     constructor() {
         super(...arguments);
+        /** List of operators available in the builder UI. */
+        this.operators = Object.values(Operator);
+        /** If true, hides the UI for the "OR" operator in queries. */
+        this.disableOr = false;
         /** Autocomplete suggestions. */
         this.options = null;
         /** Current value as hAPI filter string. */
@@ -30,6 +34,8 @@ class QueryBuilder extends Base {
     static get properties() {
         return {
             ...super.properties,
+            disableOr: { type: Boolean, attribute: 'disable-or' },
+            operators: { type: Array },
             options: { type: Array },
             value: { type: String },
         };
@@ -38,7 +44,7 @@ class QueryBuilder extends Base {
         return [super.styles, styles];
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c;
         const reservedPaths = new Set(['zoom', 'limit', 'offset', 'order', 'fields']);
         const hiddenValues = [];
         const visibleValues = [];
@@ -48,9 +54,11 @@ class QueryBuilder extends Base {
         });
         return Group({
             parsedValues: visibleValues,
+            disableOr: this.disableOr,
+            operators: (_b = this.operators) !== null && _b !== void 0 ? _b : [],
             disabled: this.disabled,
             readonly: this.readonly,
-            options: (_b = this.options) !== null && _b !== void 0 ? _b : [],
+            options: (_c = this.options) !== null && _c !== void 0 ? _c : [],
             t: this.t.bind(this),
             onChange: newValue => {
                 this.value = stringify([...newValue, ...hiddenValues]);

package/dist/elements/public/QueryBuilder/QueryBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/QueryBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAwC,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAe,QAAQ,EAAU,IAAI,EAAE,mBAAgB;AAE9D,OAAO,EAAE,KAAK,EAAE,8BAA2B;AAC3C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,KAAK,EAAE,yBAAsB;AACtC,OAAO,EAAE,SAAS,EAAE,6BAA0B;AAC9C,OAAO,EAAE,MAAM,EAAE,oBAAiB;AAClC,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,iBAAiB,CAC5B,eAAe,CAAC,cAAc,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CACpF,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,YAAa,SAAQ,IAAI;IAA/B;;QAsBE,gCAAgC;QAChC,YAAO,GAAoB,IAAI,CAAC;QAEhC,2CAA2C;QAC3C,UAAK,GAAkB,IAAI,CAAC;IAwB9B,CAAC;IAxCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,CAAC;IAQD,MAAM;;QACJ,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC9E,MAAM,YAAY,GAAoC,EAAE,CAAC;QACzD,MAAM,aAAa,GAAoC,EAAE,CAAC;QAE1D,KAAK,OAAC,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACzE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;YACX,YAAY,EAAE,aAAa;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,QAAE,IAAI,CAAC,OAAO,mCAAI,EAAE;YAC3B,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB,QAAQ,EAAE,QAAQ,CAAC,EAAE;gBACnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC;gBACvD,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC7D,CAAC;SACF,CAAC,CAAC;IACL,CAAC;;AAhDD,uEAAuE;AACvD,wBAAW,GAAG,KAAM,SAAQ,WAAiB;CAAG,CAAC;AAEjE,2DAA2D;AAC3C,qBAAQ,GAAG,QAAQ,CAAC;AAEpC,6DAA6D;AAC7C,iBAAI,GAAG,IAAI,CAAC;AA4C9B,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { ParsedValue, Operator, Option, Type } from './types';\n\nimport { Group } from './components/Group';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { parse } from './utils/parse';\nimport { stringify } from './utils/stringify';\nimport { styles } from './styles';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'query-builder';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)))\n);\n\n/**\n * UI component for creating Foxy hAPI filters visually. Compatible with\n * Backend API, Customer API or any other API using the same format as described\n * in our [docs](https://api.foxy.io/docs/cheat-sheet).\n *\n * @element foxy-query-builder\n * @since 1.12.0\n */\nclass QueryBuilder extends Base {\n  /** QueryBuilder dispatches this event on itself when value changes. */\n  static readonly ChangeEvent = class extends CustomEvent<void> {};\n\n  /** Operator dictionary for use in autocomplete options. */\n  static readonly Operator = Operator;\n\n  /** Field type dictionary for use in autocomplete options. */\n  static readonly Type = Type;\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      value: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  /** Autocomplete suggestions. */\n  options: Option[] | null = null;\n\n  /** Current value as hAPI filter string. */\n  value: string | null = null;\n\n  render(): TemplateResult {\n    const reservedPaths = new Set(['zoom', 'limit', 'offset', 'order', 'fields']);\n    const hiddenValues: (ParsedValue | ParsedValue[])[] = [];\n    const visibleValues: (ParsedValue | ParsedValue[])[] = [];\n\n    parse(this.value ?? '').forEach(value => {\n      const isVisible = Array.isArray(value) || !reservedPaths.has(value.path);\n      isVisible ? visibleValues.push(value) : hiddenValues.push(value);\n    });\n\n    return Group({\n      parsedValues: visibleValues,\n      disabled: this.disabled,\n      readonly: this.readonly,\n      options: this.options ?? [],\n      t: this.t.bind(this),\n      onChange: newValue => {\n        this.value = stringify([...newValue, ...hiddenValues]);\n        this.dispatchEvent(new QueryBuilder.ChangeEvent('change'));\n      },\n    });\n  }\n}\n\nexport { QueryBuilder };\n"]}
+{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/QueryBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { ParsedValue, Operator, Option, Type } from './types';\n\nimport { Group } from './components/Group';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { parse } from './utils/parse';\nimport { stringify } from './utils/stringify';\nimport { styles } from './styles';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'query-builder';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)))\n);\n\n/**\n * UI component for creating Foxy hAPI filters visually. Compatible with\n * Backend API, Customer API or any other API using the same format as described\n * in our [docs](https://api.foxy.io/docs/cheat-sheet).\n *\n * @element foxy-query-builder\n * @since 1.12.0\n */\nclass QueryBuilder extends Base {\n  /** QueryBuilder dispatches this event on itself when value changes. */\n  static readonly ChangeEvent = class extends CustomEvent<void> {};\n\n  /** Operator dictionary for use in autocomplete options. */\n  static readonly Operator = Operator;\n\n  /** Field type dictionary for use in autocomplete options. */\n  static readonly Type = Type;\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      disableOr: { type: Boolean, attribute: 'disable-or' },\n      operators: { type: Array },\n      options: { type: Array },\n      value: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  /** List of operators available in the builder UI. */\n  operators: Operator[] = Object.values(Operator);\n\n  /** If true, hides the UI for the \"OR\" operator in queries. */\n  disableOr = false;\n\n  /** Autocomplete suggestions. */\n  options: Option[] | null = null;\n\n  /** Current value as hAPI filter string. */\n  value: string | null = null;\n\n  render(): TemplateResult {\n    const reservedPaths = new Set(['zoom', 'limit', 'offset', 'order', 'fields']);\n    const hiddenValues: (ParsedValue | ParsedValue[])[] = [];\n    const visibleValues: (ParsedValue | ParsedValue[])[] = [];\n\n    parse(this.value ?? '').forEach(value => {\n      const isVisible = Array.isArray(value) || !reservedPaths.has(value.path);\n      isVisible ? visibleValues.push(value) : hiddenValues.push(value);\n    });\n\n    return Group({\n      parsedValues: visibleValues,\n      disableOr: this.disableOr,\n      operators: this.operators ?? [],\n      disabled: this.disabled,\n      readonly: this.readonly,\n      options: this.options ?? [],\n      t: this.t.bind(this),\n      onChange: newValue => {\n        this.value = stringify([...newValue, ...hiddenValues]);\n        this.dispatchEvent(new QueryBuilder.ChangeEvent('change'));\n      },\n    });\n  }\n}\n\nexport { QueryBuilder };\n"]}

package/dist/elements/public/QueryBuilder/components/Group.d.ts

@@ -1,8 +1,10 @@
-import { Option, ParsedValue } from '../types';
+import { Operator, Option, ParsedValue } from '../types';
 import { TemplateResult } from 'lit-html';
 import { I18n } from '../../I18n/I18n';
 export declare type GroupParams = {
     parsedValues: (ParsedValue | ParsedValue[])[];
+    operators: Operator[];
+    disableOr: boolean;
     disabled: boolean;
     readonly: boolean;
     options: Option[];

package/dist/elements/public/QueryBuilder/components/Group.js

@@ -2,7 +2,8 @@ import { html } from 'lit-html';
 import { Rule } from "./Rule.js";
 import { repeat } from 'lit-html/directives/repeat';
 export function Group(params) {
-    const andDivider = html `<div class="h-xs"></div>`;
+    const hasNestedRules = params.parsedValues.some(v => Array.isArray(v));
+    const andDivider = html `<div class=${hasNestedRules ? 'h-xs' : 'mt-s'}></div>`;
     const orDivider = html `
     <div class="flex items-center h-s">
       <div class="w-m text-center leading-none uppercase font-medium text-xs text-contrast-30">
@@ -22,6 +23,8 @@ export function Group(params) {
             return [
                 divider,
                 Rule({
+                    operators: params.operators,
+                    disableOr: params.disableOr,
                     isFullSize: !params.isNested && params.parsedValues.length === 0,
                     isNested: params.isNested,
                     disabled: params.disabled,
@@ -40,6 +43,8 @@ export function Group(params) {
                 <div class="bg-contrast-10 rounded-t-l rounded-b-l p-s -m-s">
                   ${Group({
                     parsedValues: rule,
+                    disableOr: params.disableOr,
+                    operators: params.operators,
                     isNested: true,
                     disabled: params.disabled,
                     readonly: params.readonly,
@@ -60,6 +65,8 @@ export function Group(params) {
             divider,
             Rule({
                 parsedValue: rule,
+                disableOr: params.disableOr,
+                operators: params.operators,
                 isNested: params.isNested,
                 disabled: params.disabled,
                 readonly: params.readonly,

package/dist/elements/public/QueryBuilder/components/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Group.ts"],"names":[],"mappings":"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","sourcesContent":["import { Option, ParsedValue } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Rule } from './Rule';\nimport { repeat } from 'lit-html/directives/repeat';\n\nexport type GroupParams = {\n  parsedValues: (ParsedValue | ParsedValue[])[];\n  disabled: boolean;\n  readonly: boolean;\n  options: Option[];\n  t: I18n['t'];\n  isNested?: boolean;\n  onChange: (newValue: (ParsedValue | ParsedValue[])[]) => void;\n};\n\nexport function Group(params: GroupParams): TemplateResult {\n  const andDivider = html`<div class=\"h-xs\"></div>`;\n\n  const orDivider = html`\n    <div class=\"flex items-center h-s\">\n      <div class=\"w-m text-center leading-none uppercase font-medium text-xs text-contrast-30\">\n        ${params.t('or')}\n      </div>\n\n      <div class=\"flex-1 border-t border-contrast-20\"></div>\n      <div class=\"w-m ml-s flex-shrink-0\"></div>\n      <div class=\"hidden sm-block w-m flex-shrink-0\"></div>\n    </div>\n  `;\n\n  return html`\n    <div aria-label=${params.t('query_builder_group')}>\n      ${repeat(\n        [...params.parsedValues, null],\n        (rule, ruleIndex) => String(ruleIndex),\n        (rule, ruleIndex) => {\n          const divider = ruleIndex > 0 ? (params.isNested ? orDivider : andDivider) : '';\n\n          if (rule === null) {\n            return [\n              divider,\n              Rule({\n                isFullSize: !params.isNested && params.parsedValues.length === 0,\n                isNested: params.isNested,\n                disabled: params.disabled,\n                readonly: params.readonly,\n                options: params.options,\n                parsedValue: { path: '', operator: null, value: '' },\n                t: params.t,\n                onChange: newValue => params.onChange([...params.parsedValues, newValue]),\n              }),\n            ];\n          }\n\n          if (Array.isArray(rule)) {\n            return [\n              divider,\n              html`\n                <div class=\"bg-contrast-10 rounded-t-l rounded-b-l p-s -m-s\">\n                  ${Group({\n                    parsedValues: rule,\n                    isNested: true,\n                    disabled: params.disabled,\n                    readonly: params.readonly,\n                    options: params.options,\n                    t: params.t,\n                    onChange: newRule => {\n                      const newValue = [...params.parsedValues];\n                      const typedNewRule = newRule as ParsedValue[];\n                      newValue[ruleIndex] = newRule.length > 1 ? typedNewRule : typedNewRule[0];\n                      params.onChange(newValue);\n                    },\n                  })}\n                </div>\n              `,\n            ];\n          }\n\n          return [\n            divider,\n            Rule({\n              parsedValue: rule,\n              isNested: params.isNested,\n              disabled: params.disabled,\n              readonly: params.readonly,\n              options: params.options,\n              t: params.t,\n              onChange: newValue => {\n                const newParsedValues = [...params.parsedValues];\n                newParsedValues[ruleIndex] = newValue;\n                params.onChange(newParsedValues);\n              },\n              onDelete: () => {\n                const newParsedValues = params.parsedValues.filter((_, i) => i !== ruleIndex);\n                params.onChange(newParsedValues);\n              },\n              onConvert: () => {\n                const newValue = [...params.parsedValues];\n                newValue[ruleIndex] = [rule, { ...rule, operator: null, value: '' }];\n                params.onChange(newValue);\n              },\n            }),\n          ];\n        }\n      )}\n    </div>\n  `;\n}\n"]}
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Group.ts"],"names":[],"mappings":"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","sourcesContent":["import { Operator, Option, ParsedValue } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Rule } from './Rule';\nimport { repeat } from 'lit-html/directives/repeat';\n\nexport type GroupParams = {\n  parsedValues: (ParsedValue | ParsedValue[])[];\n  operators: Operator[];\n  disableOr: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  options: Option[];\n  t: I18n['t'];\n  isNested?: boolean;\n  onChange: (newValue: (ParsedValue | ParsedValue[])[]) => void;\n};\n\nexport function Group(params: GroupParams): TemplateResult {\n  const hasNestedRules = params.parsedValues.some(v => Array.isArray(v));\n  const andDivider = html`<div class=${hasNestedRules ? 'h-xs' : 'mt-s'}></div>`;\n\n  const orDivider = html`\n    <div class=\"flex items-center h-s\">\n      <div class=\"w-m text-center leading-none uppercase font-medium text-xs text-contrast-30\">\n        ${params.t('or')}\n      </div>\n\n      <div class=\"flex-1 border-t border-contrast-20\"></div>\n      <div class=\"w-m ml-s flex-shrink-0\"></div>\n      <div class=\"hidden sm-block w-m flex-shrink-0\"></div>\n    </div>\n  `;\n\n  return html`\n    <div aria-label=${params.t('query_builder_group')}>\n      ${repeat(\n        [...params.parsedValues, null],\n        (rule, ruleIndex) => String(ruleIndex),\n        (rule, ruleIndex) => {\n          const divider = ruleIndex > 0 ? (params.isNested ? orDivider : andDivider) : '';\n\n          if (rule === null) {\n            return [\n              divider,\n              Rule({\n                operators: params.operators,\n                disableOr: params.disableOr,\n                isFullSize: !params.isNested && params.parsedValues.length === 0,\n                isNested: params.isNested,\n                disabled: params.disabled,\n                readonly: params.readonly,\n                options: params.options,\n                parsedValue: { path: '', operator: null, value: '' },\n                t: params.t,\n                onChange: newValue => params.onChange([...params.parsedValues, newValue]),\n              }),\n            ];\n          }\n\n          if (Array.isArray(rule)) {\n            return [\n              divider,\n              html`\n                <div class=\"bg-contrast-10 rounded-t-l rounded-b-l p-s -m-s\">\n                  ${Group({\n                    parsedValues: rule,\n                    disableOr: params.disableOr,\n                    operators: params.operators,\n                    isNested: true,\n                    disabled: params.disabled,\n                    readonly: params.readonly,\n                    options: params.options,\n                    t: params.t,\n                    onChange: newRule => {\n                      const newValue = [...params.parsedValues];\n                      const typedNewRule = newRule as ParsedValue[];\n                      newValue[ruleIndex] = newRule.length > 1 ? typedNewRule : typedNewRule[0];\n                      params.onChange(newValue);\n                    },\n                  })}\n                </div>\n              `,\n            ];\n          }\n\n          return [\n            divider,\n            Rule({\n              parsedValue: rule,\n              disableOr: params.disableOr,\n              operators: params.operators,\n              isNested: params.isNested,\n              disabled: params.disabled,\n              readonly: params.readonly,\n              options: params.options,\n              t: params.t,\n              onChange: newValue => {\n                const newParsedValues = [...params.parsedValues];\n                newParsedValues[ruleIndex] = newValue;\n                params.onChange(newParsedValues);\n              },\n              onDelete: () => {\n                const newParsedValues = params.parsedValues.filter((_, i) => i !== ruleIndex);\n                params.onChange(newParsedValues);\n              },\n              onConvert: () => {\n                const newValue = [...params.parsedValues];\n                newValue[ruleIndex] = [rule, { ...rule, operator: null, value: '' }];\n                params.onChange(newValue);\n              },\n            }),\n          ];\n        }\n      )}\n    </div>\n  `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/OperatorToggle.d.ts

@@ -1,8 +1,9 @@
-import { Option, ParsedValue } from '../types';
+import { Operator, Option, ParsedValue } from '../types';
 import { TemplateResult } from 'lit-html';
 import { I18n } from '../../I18n/I18n';
 export declare type OperatorToggleParams = {
     parsedValue: ParsedValue;
+    operators: Operator[];
     readonly: boolean;
     disabled: boolean;
     option: Option | null;

package/dist/elements/public/QueryBuilder/components/OperatorToggle.js

@@ -28,11 +28,11 @@ export function OperatorToggle(params) {
         [Type.Date]: [Operator.In, Operator.Not],
         [Type.Any]: Object.values(Operator),
     };
-    const operatorsForType = params.option
+    const operatorsForType = (params.option
         ? operatorsByType[params.option.type]
         : params.parsedValue.name
             ? Object.values(Operator)
-            : Object.values(Operator).filter(v => v !== Operator.IsDefined);
+            : Object.values(Operator).filter(v => v !== Operator.IsDefined)).filter(v => params.operators.includes(v));
     const isDisabled = params.disabled || params.readonly || operatorsForType.length === 0 || !params.parsedValue.path;
     return html `
     <button
@@ -40,10 +40,11 @@ export function OperatorToggle(params) {
       class=${classMap({
         'flex items-center justify-center w-m h-m transition-colors': true,
         'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,
+        'text-body hover-bg-contrast-5': !isDisabled && operatorsForType.length > 1,
+        'cursor-default text-tertiary': !isDisabled && operatorsForType.length <= 1,
         'text-disabled cursor-default': isDisabled,
-        'hover-bg-contrast-5': !isDisabled,
     })}
-      ?disabled=${isDisabled}
+      ?disabled=${isDisabled || operatorsForType.length <= 1}
       @click=${() => {
         var _a;
         const newOperatorIndex = operator ? operatorsForType.indexOf(operator) : -1;

package/dist/elements/public/QueryBuilder/components/OperatorToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperatorToggle.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/OperatorToggle.ts"],"names":[],"mappings":"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","sourcesContent":["import * as icons from '../icons/index';\n\nimport { Operator, Option, ParsedValue, Type } from '../types';\nimport { SVGTemplateResult, TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type OperatorToggleParams = {\n  parsedValue: ParsedValue;\n  readonly: boolean;\n  disabled: boolean;\n  option: Option | null;\n  t: I18n['t'];\n  onChange: (newValue: ParsedValue) => void;\n};\n\nexport function OperatorToggle(params: OperatorToggleParams): TemplateResult {\n  const operator = params.parsedValue.operator;\n\n  const operatorToIcon: Record<string, SVGTemplateResult> = {\n    [Operator.GreaterThan]: icons.operatorGreaterThan,\n    [Operator.GreaterThanOrEqual]: icons.operatorGreaterThanOrEqual,\n    [Operator.In]: icons.operatorIn,\n    [Operator.IsDefined]: icons.operatorIsDefined,\n    [Operator.LessThan]: icons.operatorLessThan,\n    [Operator.LessThanOrEqual]: icons.operatorLessThanOrEqual,\n    [Operator.Not]: icons.operatorNot,\n  };\n\n  const operatorsByType = {\n    [Type.Attribute]: [Operator.In, Operator.Not, Operator.IsDefined],\n    [Type.Boolean]: [],\n    [Type.String]: [Operator.In, Operator.Not],\n    [Type.Number]: [\n      Operator.In,\n      Operator.Not,\n      Operator.GreaterThan,\n      Operator.LessThan,\n      Operator.GreaterThanOrEqual,\n      Operator.LessThanOrEqual,\n    ],\n    [Type.Date]: [Operator.In, Operator.Not],\n    [Type.Any]: Object.values(Operator),\n  };\n\n  const operatorsForType = params.option\n    ? operatorsByType[params.option.type]\n    : params.parsedValue.name\n    ? Object.values(Operator)\n    : Object.values(Operator).filter(v => v !== Operator.IsDefined);\n\n  const isDisabled =\n    params.disabled || params.readonly || operatorsForType.length === 0 || !params.parsedValue.path;\n\n  return html`\n    <button\n      title=${params.t(`operator_${operator ?? 'equal'}`)}\n      class=${classMap({\n        'flex items-center justify-center w-m h-m transition-colors': true,\n        'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n        'text-disabled cursor-default': isDisabled,\n        'hover-bg-contrast-5': !isDisabled,\n      })}\n      ?disabled=${isDisabled}\n      @click=${() => {\n        const newOperatorIndex = operator ? operatorsForType.indexOf(operator) : -1;\n        const newOperator = operatorsForType[newOperatorIndex + 1] ?? null;\n\n        params.onChange({\n          ...params.parsedValue,\n          operator: newOperator,\n          value: params.parsedValue.value,\n        });\n      }}\n    >\n      <div aria-hidden=\"true\">${operator ? operatorToIcon[operator] : icons.operatorEqual}</div>\n    </button>\n  `;\n}\n"]}
+{"version":3,"file":"OperatorToggle.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/OperatorToggle.ts"],"names":[],"mappings":"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","sourcesContent":["import * as icons from '../icons/index';\n\nimport { Operator, Option, ParsedValue, Type } from '../types';\nimport { SVGTemplateResult, TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type OperatorToggleParams = {\n  parsedValue: ParsedValue;\n  operators: Operator[];\n  readonly: boolean;\n  disabled: boolean;\n  option: Option | null;\n  t: I18n['t'];\n  onChange: (newValue: ParsedValue) => void;\n};\n\nexport function OperatorToggle(params: OperatorToggleParams): TemplateResult {\n  const operator = params.parsedValue.operator;\n\n  const operatorToIcon: Record<string, SVGTemplateResult> = {\n    [Operator.GreaterThan]: icons.operatorGreaterThan,\n    [Operator.GreaterThanOrEqual]: icons.operatorGreaterThanOrEqual,\n    [Operator.In]: icons.operatorIn,\n    [Operator.IsDefined]: icons.operatorIsDefined,\n    [Operator.LessThan]: icons.operatorLessThan,\n    [Operator.LessThanOrEqual]: icons.operatorLessThanOrEqual,\n    [Operator.Not]: icons.operatorNot,\n  };\n\n  const operatorsByType = {\n    [Type.Attribute]: [Operator.In, Operator.Not, Operator.IsDefined],\n    [Type.Boolean]: [],\n    [Type.String]: [Operator.In, Operator.Not],\n    [Type.Number]: [\n      Operator.In,\n      Operator.Not,\n      Operator.GreaterThan,\n      Operator.LessThan,\n      Operator.GreaterThanOrEqual,\n      Operator.LessThanOrEqual,\n    ],\n    [Type.Date]: [Operator.In, Operator.Not],\n    [Type.Any]: Object.values(Operator),\n  };\n\n  const operatorsForType = (\n    params.option\n      ? operatorsByType[params.option.type]\n      : params.parsedValue.name\n      ? Object.values(Operator)\n      : Object.values(Operator).filter(v => v !== Operator.IsDefined)\n  ).filter(v => params.operators.includes(v));\n\n  const isDisabled =\n    params.disabled || params.readonly || operatorsForType.length === 0 || !params.parsedValue.path;\n\n  return html`\n    <button\n      title=${params.t(`operator_${operator ?? 'equal'}`)}\n      class=${classMap({\n        'flex items-center justify-center w-m h-m transition-colors': true,\n        'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n        'text-body hover-bg-contrast-5': !isDisabled && operatorsForType.length > 1,\n        'cursor-default text-tertiary': !isDisabled && operatorsForType.length <= 1,\n        'text-disabled cursor-default': isDisabled,\n      })}\n      ?disabled=${isDisabled || operatorsForType.length <= 1}\n      @click=${() => {\n        const newOperatorIndex = operator ? operatorsForType.indexOf(operator) : -1;\n        const newOperator = operatorsForType[newOperatorIndex + 1] ?? null;\n\n        params.onChange({\n          ...params.parsedValue,\n          operator: newOperator,\n          value: params.parsedValue.value,\n        });\n      }}\n    >\n      <div aria-hidden=\"true\">${operator ? operatorToIcon[operator] : icons.operatorEqual}</div>\n    </button>\n  `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/Rule.d.ts

@@ -1,8 +1,10 @@
-import { Option, ParsedValue } from '../types';
+import { Operator, Option, ParsedValue } from '../types';
 import { TemplateResult } from 'lit-html';
 import { I18n } from '../../I18n/I18n';
 export declare type RuleParams = {
     parsedValue: ParsedValue;
+    operators: Operator[];
+    disableOr: boolean;
     isFullSize?: boolean;
     isNested?: boolean;
     disabled: boolean;

package/dist/elements/public/QueryBuilder/components/Rule.js

@@ -18,6 +18,7 @@ export function Rule(params) {
     const operator = parsedValue.operator;
     const componentParams = {
         parsedValue: parsedValue,
+        operators: params.operators,
         disabled,
         readonly,
         options,
@@ -122,7 +123,7 @@ export function Rule(params) {
         'text-success hover-bg-contrast-5': !disabled,
         'cursor-default text-disabled': disabled,
         'focus-outline-none focus-ring-2 ring-primary-50': true,
-        'opacity-0': !parsedValue.path || !!isNested,
+        'opacity-0': !parsedValue.path || !!isNested || params.disableOr,
     })}
           ?disabled=${disabled || readonly || !parsedValue.path}
           @click=${onConvert}

package/dist/elements/public/QueryBuilder/components/Rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Rule.ts"],"names":[],"mappings":"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","sourcesContent":["import * as icons from '../icons/index';\n\nimport { Operator, Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { BooleanValue } from './BooleanValue';\nimport { I18n } from '../../I18n/I18n';\nimport { IsDefinedValue } from './IsDefinedValue';\nimport { ListValue } from './ListValue';\nimport { Name } from './Name';\nimport { OperatorToggle } from './OperatorToggle';\nimport { Path } from './Path';\nimport { RangeValue } from './RangeValue';\nimport { SingleValue } from './SingleValue';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type RuleParams = {\n  parsedValue: ParsedValue;\n  isFullSize?: boolean;\n  isNested?: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  options: Option[];\n  t: I18n['t'];\n  onChange: (newValue: ParsedValue) => void;\n  onDelete?: () => void;\n  onConvert?: () => void;\n};\n\nexport function Rule(params: RuleParams): TemplateResult {\n  const {\n    parsedValue,\n    isFullSize,\n    isNested,\n    readonly,\n    disabled,\n    options,\n    t,\n    onConvert,\n    onDelete,\n    onChange,\n  } = params;\n\n  const option = options.find(o => o.path === parsedValue.path) ?? null;\n  const type = option?.type ?? Type.Any;\n  const operator = parsedValue.operator;\n  const componentParams = {\n    parsedValue: parsedValue,\n    disabled,\n    readonly,\n    options,\n    option,\n    t,\n    onChange,\n  };\n\n  const typeToIcon = {\n    [Type.Attribute]: icons.typeAttribute,\n    [Type.Boolean]: icons.typeBoolean,\n    [Type.Number]: icons.typeNumber,\n    [Type.String]: icons.typeString,\n    [Type.Date]: icons.typeDate,\n    [Type.Any]: icons.typeAny,\n  };\n\n  return html`\n    <div class=\"flex items-center space-x-s\" aria-label=${t('query_builder_rule')}>\n      <div\n        class=${classMap({\n          'flex-1 bg-base rounded overflow-hidden border': true,\n          'border-contrast-10': !isNested && !readonly,\n          'border-contrast-50': !!isNested || readonly,\n          'border-dashed': readonly,\n          'border-solid': !readonly,\n        })}\n      >\n        <div class=\"bg-contrast-10\">\n          <div class=\"grid gap-1px grid-vertical sm-grid-horizontal\">\n            <div class=\"bg-base\" title=${t(`type_${type}`)}>\n              <div\n                class=${classMap({\n                  'w-m h-m': true,\n                  'text-tertiary': !readonly && !disabled,\n                  'text-disabled': readonly || disabled,\n                })}\n                aria-hidden=\"true\"\n              >\n                ${option ? typeToIcon[type] : icons.typeAny}\n              </div>\n            </div>\n\n            <div class=\"bg-base\">\n              ${parsedValue.path && (type === Type.Attribute || parsedValue.name)\n                ? html`\n                    <div class=\"bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2\">\n                      <div class=\"bg-base\">${Path(componentParams)}</div>\n                      <div class=\"bg-base\">${Name(componentParams)}</div>\n                    </div>\n                  `\n                : Path(componentParams)}\n            </div>\n\n            <div class=\"bg-base\">${OperatorToggle(componentParams)}</div>\n\n            <div class=\"bg-base\">\n              ${operator === Operator.In\n                ? ListValue(componentParams)\n                : operator === Operator.IsDefined\n                ? IsDefinedValue(componentParams)\n                : type === Type.Boolean\n                ? BooleanValue(componentParams)\n                : operator === null && [Type.Number, Type.Date].includes(type)\n                ? RangeValue(componentParams)\n                : SingleValue(componentParams)}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div\n        class=${classMap({\n          '-mr-s self-start flex-col sm-flex-row flex-shrink-0 items-center': true,\n          'border-t border-b border-transparent divide-y divide-transparent': true,\n          'hidden': !!isFullSize || readonly,\n          'flex': !isFullSize,\n        })}\n      >\n        <button\n          aria-label=${t('delete')}\n          class=${classMap({\n            'box-content flex w-m h-m rounded-full transition-colors': true,\n            'text-secondary hover-bg-contrast-5 hover-text-error': !disabled,\n            'cursor-default text-disabled': disabled,\n            'focus-outline-none focus-ring-2 ring-primary-50': true,\n            'opacity-0': !parsedValue.path,\n          })}\n          ?disabled=${disabled || readonly || !parsedValue.path}\n          @click=${onDelete}\n        >\n          <iron-icon\n            aria-hidden=\"true\"\n            class=\"m-auto icon-inline text-xl\"\n            icon=\"icons:remove-circle-outline\"\n          >\n          </iron-icon>\n        </button>\n\n        <button\n          aria-label=${t('add_or_clause')}\n          class=${classMap({\n            'box-content flex w-m h-m rounded-full transition-colors': true,\n            'text-success hover-bg-contrast-5': !disabled,\n            'cursor-default text-disabled': disabled,\n            'focus-outline-none focus-ring-2 ring-primary-50': true,\n            'opacity-0': !parsedValue.path || !!isNested,\n          })}\n          ?disabled=${disabled || readonly || !parsedValue.path}\n          @click=${onConvert}\n        >\n          <iron-icon\n            aria-hidden=\"true\"\n            class=\"m-auto icon-inline text-xl\"\n            icon=\"icons:add-circle-outline\"\n          >\n          </iron-icon>\n        </button>\n      </div>\n    </div>\n  `;\n}\n"]}
+{"version":3,"file":"Rule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Rule.ts"],"names":[],"mappings":"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","sourcesContent":["import * as icons from '../icons/index';\n\nimport { Operator, Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { BooleanValue } from './BooleanValue';\nimport { I18n } from '../../I18n/I18n';\nimport { IsDefinedValue } from './IsDefinedValue';\nimport { ListValue } from './ListValue';\nimport { Name } from './Name';\nimport { OperatorToggle } from './OperatorToggle';\nimport { Path } from './Path';\nimport { RangeValue } from './RangeValue';\nimport { SingleValue } from './SingleValue';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type RuleParams = {\n  parsedValue: ParsedValue;\n  operators: Operator[];\n  disableOr: boolean;\n  isFullSize?: boolean;\n  isNested?: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  options: Option[];\n  t: I18n['t'];\n  onChange: (newValue: ParsedValue) => void;\n  onDelete?: () => void;\n  onConvert?: () => void;\n};\n\nexport function Rule(params: RuleParams): TemplateResult {\n  const {\n    parsedValue,\n    isFullSize,\n    isNested,\n    readonly,\n    disabled,\n    options,\n    t,\n    onConvert,\n    onDelete,\n    onChange,\n  } = params;\n\n  const option = options.find(o => o.path === parsedValue.path) ?? null;\n  const type = option?.type ?? Type.Any;\n  const operator = parsedValue.operator;\n  const componentParams = {\n    parsedValue: parsedValue,\n    operators: params.operators,\n    disabled,\n    readonly,\n    options,\n    option,\n    t,\n    onChange,\n  };\n\n  const typeToIcon = {\n    [Type.Attribute]: icons.typeAttribute,\n    [Type.Boolean]: icons.typeBoolean,\n    [Type.Number]: icons.typeNumber,\n    [Type.String]: icons.typeString,\n    [Type.Date]: icons.typeDate,\n    [Type.Any]: icons.typeAny,\n  };\n\n  return html`\n    <div class=\"flex items-center space-x-s\" aria-label=${t('query_builder_rule')}>\n      <div\n        class=${classMap({\n          'flex-1 bg-base rounded overflow-hidden border': true,\n          'border-contrast-10': !isNested && !readonly,\n          'border-contrast-50': !!isNested || readonly,\n          'border-dashed': readonly,\n          'border-solid': !readonly,\n        })}\n      >\n        <div class=\"bg-contrast-10\">\n          <div class=\"grid gap-1px grid-vertical sm-grid-horizontal\">\n            <div class=\"bg-base\" title=${t(`type_${type}`)}>\n              <div\n                class=${classMap({\n                  'w-m h-m': true,\n                  'text-tertiary': !readonly && !disabled,\n                  'text-disabled': readonly || disabled,\n                })}\n                aria-hidden=\"true\"\n              >\n                ${option ? typeToIcon[type] : icons.typeAny}\n              </div>\n            </div>\n\n            <div class=\"bg-base\">\n              ${parsedValue.path && (type === Type.Attribute || parsedValue.name)\n                ? html`\n                    <div class=\"bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2\">\n                      <div class=\"bg-base\">${Path(componentParams)}</div>\n                      <div class=\"bg-base\">${Name(componentParams)}</div>\n                    </div>\n                  `\n                : Path(componentParams)}\n            </div>\n\n            <div class=\"bg-base\">${OperatorToggle(componentParams)}</div>\n\n            <div class=\"bg-base\">\n              ${operator === Operator.In\n                ? ListValue(componentParams)\n                : operator === Operator.IsDefined\n                ? IsDefinedValue(componentParams)\n                : type === Type.Boolean\n                ? BooleanValue(componentParams)\n                : operator === null && [Type.Number, Type.Date].includes(type)\n                ? RangeValue(componentParams)\n                : SingleValue(componentParams)}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div\n        class=${classMap({\n          '-mr-s self-start flex-col sm-flex-row flex-shrink-0 items-center': true,\n          'border-t border-b border-transparent divide-y divide-transparent': true,\n          'hidden': !!isFullSize || readonly,\n          'flex': !isFullSize,\n        })}\n      >\n        <button\n          aria-label=${t('delete')}\n          class=${classMap({\n            'box-content flex w-m h-m rounded-full transition-colors': true,\n            'text-secondary hover-bg-contrast-5 hover-text-error': !disabled,\n            'cursor-default text-disabled': disabled,\n            'focus-outline-none focus-ring-2 ring-primary-50': true,\n            'opacity-0': !parsedValue.path,\n          })}\n          ?disabled=${disabled || readonly || !parsedValue.path}\n          @click=${onDelete}\n        >\n          <iron-icon\n            aria-hidden=\"true\"\n            class=\"m-auto icon-inline text-xl\"\n            icon=\"icons:remove-circle-outline\"\n          >\n          </iron-icon>\n        </button>\n\n        <button\n          aria-label=${t('add_or_clause')}\n          class=${classMap({\n            'box-content flex w-m h-m rounded-full transition-colors': true,\n            'text-success hover-bg-contrast-5': !disabled,\n            'cursor-default text-disabled': disabled,\n            'focus-outline-none focus-ring-2 ring-primary-50': true,\n            'opacity-0': !parsedValue.path || !!isNested || params.disableOr,\n          })}\n          ?disabled=${disabled || readonly || !parsedValue.path}\n          @click=${onConvert}\n        >\n          <iron-icon\n            aria-hidden=\"true\"\n            class=\"m-auto icon-inline text-xl\"\n            icon=\"icons:add-circle-outline\"\n          >\n          </iron-icon>\n        </button>\n      </div>\n    </div>\n  `;\n}\n"]}

package/dist/elements/public/StoreForm/StoreForm.js

@@ -408,14 +408,6 @@ export class StoreForm extends Base {
             regionsUrl = undefined;
         }
         return html `
-      ${customerPasswordHashTypesLoader.render(this.customerPasswordHashTypes)}
-      ${shippingAddressTypesLoader.render(this.shippingAddressTypes)}
-      ${checkoutTypesLoader.render(this.checkoutTypes)}
-      ${storeVersionLoader.render(this.form.store_version_uri)}
-      ${localeCodesLoader.render(this.localeCodes)} ${timezonesLoader.render(this.timezones)}
-      ${countriesLoader.render(this.countries)} ${languagesLoader.render(this.languages)}
-      ${regionsLoader.render(regionsUrl)}
-
       <div class="grid gap-m grid-cols-1 sm-grid-cols-2">
         <foxy-internal-text-control infer="store-name"></foxy-internal-text-control>
 
@@ -654,6 +646,13 @@ export class StoreForm extends Base {
       </div>
 
       ${super.renderBody()}
+      ${customerPasswordHashTypesLoader.render(this.customerPasswordHashTypes)}
+      ${shippingAddressTypesLoader.render(this.shippingAddressTypes)}
+      ${checkoutTypesLoader.render(this.checkoutTypes)}
+      ${storeVersionLoader.render(this.form.store_version_uri)}
+      ${localeCodesLoader.render(this.localeCodes)} ${timezonesLoader.render(this.timezones)}
+      ${countriesLoader.render(this.countries)} ${languagesLoader.render(this.languages)}
+      ${regionsLoader.render(regionsUrl)}
     `;
     }
     __renderWebhookKey() {