npm - @pod-os/elements - Versions diffs - 0.26.1-rc.d6e1fef.0 → 0.26.1-rc.f4329bf.0 - Mend

@pod-os/elements 0.26.1-rc.d6e1fef.0 → 0.26.1-rc.f4329bf.0

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.

Files changed (510) hide show

package/dist/components/ion-searchbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ion-searchbar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1	+ {"file":"ion-searchbar.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,m5QAAm5Q,CAAC;AAC56Q,8BAAe,eAAe;;ACD9B,MAAM,cAAc,GAAG,koOAAkoO,CAAC;AAC1pO,6BAAe,cAAc;;MCYhB,SAAS;IAClB;;;;;;;;;;QACI,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,iBAAiB,YAAY,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;;;;QAI9B,IAAI,CAAC,YAAY,GAAG,OAAO,WAAW;YAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACrB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO;;;gBAGvB,UAAU,CAAC;oBACP,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAC9B,IAAI,KAAK,KAAK,EAAE,EAAE;wBACd,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;wBAChB,IAAI,CAAC,eAAe,EAAE,CAAC;;;;;;;wBAOvB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;4BAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;;;;;;;4BAOhB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;yBAC7B;qBACJ;oBACD,OAAO,EAAE,CAAC;iBACb,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;aACd,CAAC,CAAC;SACN,CAAC;;;;;;QAMF,IAAI,CAAC,iBAAiB,GAAG,OAAO,EAAE;YAC9B,IAAI,EAAE,EAAE;gBACJ,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,EAAE,CAAC,eAAe,EAAE,CAAC;aACxB;YACD,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;;YAEtB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAC7B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;;;;;;YAM1B,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE;gBACnB,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;aAC5B;YACD,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;aAC3B;SACJ,CAAC;;;;QAIF,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;YACd,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC;YACxB,IAAI,KAAK,EAAE;gBACP,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;aAC5B;YACD,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;SAC5B,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE;YACf,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;SAC5B,CAAC;;;;;QAKF,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,EAAE;gBAClC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;aAC5B;YACD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;SACjC,CAAC;;;;QAIF,IAAI,CAAC,OAAO,GAAG;YACX,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QACrE,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC;QAChC,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACnB;;;;;;;;IAQD,aAAa,CAAC,QAAQ;QAClB,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC1G,WAAW,CAAC,IAAI,CAAC,CAAC;KACrB;IACD,YAAY,CAAC,QAAQ;QACjB,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;QACzG,WAAW,CAAC,IAAI,CAAC,CAAC;KACrB;IACD,eAAe;QACX,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;;;;;QAKtD,IAAI,CAAC,QAAQ,GAAG,QAAQ,KAAK,SAAS,GAAG,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,KAAK,CAAC,GAAG,gBAAgB,GAAG,QAAQ,GAAG,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACvK;IACD,YAAY;QACR,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;SACzB;KACJ;IACD,uBAAuB;QACnB,qBAAqB,CAAC;YAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB,CAAC,CAAC;KACN;IACD,iBAAiB;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;KACpB;IACD,iBAAiB;QACb,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;KAC7F;IACD,gBAAgB;QACZ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC;QACtC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,UAAU,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SAC1B,EAAE,GAAG,CAAC,CAAC;KACX;IACD,SAAS;QACL,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACf,SAAS,EAAE,IAAI;SAClB,CAAC,CAAC;KACN;;;;;;;;;;;;;IAaD,MAAM,QAAQ;QACV,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;SAC5B;KACJ;;;;IAID,MAAM,eAAe;;;;;QAKjB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;SACtE;QACD,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC5C;;;;;;;IAOD,eAAe,CAAC,KAAK;QACjB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;;QAEvB,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;;QAE1D,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;KACnD;;;;IAID,eAAe,CAAC,KAAK;QACjB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;KACxC;;;;;IAKD,gBAAgB;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC;QAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,eAAe,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;QAChF,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,IAAI,KAAK,KAAK,EAAE;YAChB,OAAO;SACV;QACD,IAAI,aAAa,KAAK,eAAe,EAAE;YACnC,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC9B;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC/B;KACJ;;;;IAID,mBAAmB;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;QACjC,IAAI,CAAC,OAAO,EAAE;YACV,OAAO;SACV;QACD,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACvF,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACjC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACnC;aACI;;YAED,MAAM,GAAG,GAAG,QAAQ,CAAC;YACrB,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC3C,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;YAC5C,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;;YAE/B,GAAG,CAAC;gBACA,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC;gBACvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;gBAElB,MAAM,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC;;;;;;;;gBAQxD,MAAM,QAAQ,GAAG,aAAa,IAAI,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;;gBAElF,IAAI,GAAG,EAAE;oBACL,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,CAAC;oBACvC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;iBACvC;qBACI;oBACD,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;oBACtC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;iBACtC;aACJ,CAAC,CAAC;SACN;KACJ;;;;IAID,oBAAoB;QAChB,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC/F,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACvD,IAAI,YAAY,KAAK,IAAI,IAAI,gBAAgB,KAAK,IAAI,CAAC,eAAe,EAAE;YACpE,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC;YACvC,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC;YACxC,IAAI,gBAAgB,EAAE;gBAClB,IAAI,GAAG,EAAE;oBACL,WAAW,CAAC,UAAU,GAAG,GAAG,CAAC;iBAChC;qBACI;oBACD,WAAW,CAAC,WAAW,GAAG,GAAG,CAAC;iBACjC;aACJ;iBACI;gBACD,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC;gBACxC,IAAI,MAAM,GAAG,CAAC,EAAE;oBACZ,IAAI,GAAG,EAAE;wBACL,WAAW,CAAC,UAAU,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC;qBAC3C;yBACI;wBACD,WAAW,CAAC,WAAW,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC;qBAC5C;iBACJ;aACJ;SACJ;KACJ;IACD,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;KAC3B;IACD,QAAQ;QACJ,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC;KACjC;;;;;;;IAOD,sBAAsB;QAClB,IAAI,IAAI,CAAC,gBAAgB,KAAK,OAAO,KAAK,IAAI,CAAC,gBAAgB,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAC3F,OAAO,KAAK,CAAC;SAChB;QACD,OAAO,IAAI,CAAC;KACf;;;;;;;IAOD,qBAAqB;QACjB,IAAI,IAAI,CAAC,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,eAAe,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACzF,OAAO,KAAK,CAAC;SAChB;QACD,OAAO,IAAI,CAAC;KACf;IACD,MAAM;QACF,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;QAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACtE,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,IAAI,KAAK,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;QAChF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,KAAK,KAAK,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;QACrF,MAAM,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC7D,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,KAAK,OAAO,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,sBAAsB,GAAG,SAAS,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,KAAK,KAAK,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;QACznB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;gBACjK,CAAC,IAAI,GAAG,IAAI;gBACZ,oBAAoB,EAAE,QAAQ;gBAC9B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;gBACnC,sBAAsB,EAAE,QAAQ,IAAI,IAAI,CAAC,SAAS;gBAClD,qBAAqB,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACtC,wBAAwB,EAAE,IAAI,CAAC,eAAe;gBAC9C,qBAAqB,EAAE,IAAI,CAAC,OAAO;gBACnC,6BAA6B,EAAE,IAAI,CAAC,qBAAqB,EAAE;gBAC3D,8BAA8B,EAAE,IAAI,CAAC,sBAAsB,EAAE;aAChE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,0CAA0C,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,cAAc,EAAE,cAAc,KAAK,SAAS,GAAG,SAAS,GAAG,cAAc,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,IAAI,YAAY,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,CAAC,EAAE;;;;;;gBAMloC,EAAE,CAAC,cAAc,EAAE,CAAC;aACvB,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,KAAK,IAAI,YAAY,CAAC,EAAE;KAC3P;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwmBL,IAAI,YAAY,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.ios.css?tag=ion-searchbar&mode=ios&encapsulation=scoped","../node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.md.css?tag=ion-searchbar&mode=md&encapsulation=scoped","../node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.js"],"sourcesContent":["/*\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --background: Background of the searchbar input\n * @prop --box-shadow: Box shadow of the searchbar input\n * @prop --border-radius: Border radius of the searchbar input\n * @prop --cancel-button-color: Color of the searchbar cancel button\n * @prop --clear-button-color: Color of the searchbar clear button\n * @prop --color: Color of the searchbar text\n * @prop --icon-color: Color of the searchbar icon\n * @prop --placeholder-color: Color of the searchbar placeholder\n * @prop --placeholder-font-style: Font style of the searchbar placeholder\n * @prop --placeholder-font-weight: Font weight of the searchbar placeholder\n * @prop --placeholder-opacity: Opacity of the searchbar placeholder\n /\n --placeholder-color: initial;\n --placeholder-font-style: initial;\n --placeholder-font-weight: initial;\n --placeholder-opacity: 0.6;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n display: flex;\n position: relative;\n align-items: center;\n width: 100%;\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-contrast);\n}\n\n:host(.ion-color) .searchbar-input {\n background: var(--ion-color-base);\n}\n\n:host(.ion-color) .searchbar-clear-button,\n:host(.ion-color) .searchbar-cancel-button,\n:host(.ion-color) .searchbar-search-icon {\n color: inherit;\n}\n\n.searchbar-search-icon {\n color: var(--icon-color);\n pointer-events: none;\n}\n\n.searchbar-input-container {\n display: block;\n position: relative;\n flex-shrink: 1;\n width: 100%;\n}\n\n.searchbar-input {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n border-radius: var(--border-radius);\n display: block;\n width: 100%;\n min-height: inherit;\n border: 0;\n outline: none;\n background: var(--background);\n font-family: inherit;\n box-shadow: var(--box-shadow);\n box-sizing: border-box;\n appearance: none;\n}\n.searchbar-input::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n font-style: var(--placeholder-font-style);\n font-weight: var(--placeholder-font-weight);\n opacity: var(--placeholder-opacity);\n}\n.searchbar-input::-webkit-search-cancel-button, .searchbar-input::-ms-clear {\n display: none;\n}\n\n.searchbar-cancel-button {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n display: none;\n height: 100%;\n border: 0;\n outline: none;\n color: var(--cancel-button-color);\n cursor: pointer;\n appearance: none;\n}\n\n.searchbar-cancel-button > div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n\n.searchbar-clear-button {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n display: none;\n min-height: 0;\n outline: none;\n color: var(--clear-button-color);\n appearance: none;\n}\n\n/\n Normally, we would not want to use :focus\n * here because that would mean tapping the button\n * on mobile would focus it (and keep it focused).\n * However, the clear button always disappears after\n * being activated, so we never get to that state.\n /\n.searchbar-clear-button:focus {\n opacity: 0.5;\n}\n\n:host(.searchbar-has-value.searchbar-should-show-clear) .searchbar-clear-button {\n display: block;\n}\n\n:host(.searchbar-disabled) {\n cursor: default;\n opacity: 0.4;\n pointer-events: none;\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);\n --border-radius: 10px;\n --box-shadow: none;\n --cancel-button-color: var(--ion-color-primary, #3880ff);\n --clear-button-color: var(--ion-color-step-600, #666666);\n --color: var(--ion-text-color, #000);\n --icon-color: var(--ion-color-step-600, #666666);\n -webkit-padding-start: 12px;\n padding-inline-start: 12px;\n -webkit-padding-end: 12px;\n padding-inline-end: 12px;\n padding-top: 12px;\n padding-bottom: 12px;\n min-height: 60px;\n contain: content;\n}\n\n.searchbar-input-container {\n min-height: 36px;\n}\n\n.searchbar-search-icon {\n -webkit-margin-start: calc(50% - 60px);\n margin-inline-start: calc(50% - 60px);\n top: 0;\n position: absolute;\n width: 1.375rem;\n height: 100%;\n contain: strict;\n}\n@supports (inset-inline-start: 0) {\n .searchbar-search-icon {\n inset-inline-start: 5px;\n }\n}\n@supports not (inset-inline-start: 0) {\n .searchbar-search-icon {\n left: 5px;\n }\n :host-context([dir=rtl]) .searchbar-search-icon {\n left: unset;\n right: unset;\n right: 5px;\n }\n [dir=rtl] .searchbar-search-icon {\n left: unset;\n right: unset;\n right: 5px;\n }\n @supports selector(:dir(rtl)) {\n .searchbar-search-icon:dir(rtl) {\n left: unset;\n right: unset;\n right: 5px;\n }\n }\n}\n\n.searchbar-input {\n -webkit-padding-start: 0px;\n padding-inline-start: 0px;\n -webkit-padding-end: 0px;\n padding-inline-end: 0px;\n padding-top: 6px;\n padding-bottom: 6px;\n height: 100%;\n font-size: 1.0625rem;\n font-weight: 400;\n contain: strict;\n}\n\n/\n We should only account for the clear button\n * if the clear button is actually visible. Otherwise\n * long text in an input can get cut off when it does not need to.\n /\n:host(.searchbar-has-value.searchbar-should-show-clear) .searchbar-input {\n -webkit-padding-start: 1.75rem;\n padding-inline-start: 1.75rem;\n -webkit-padding-end: 1.75rem;\n padding-inline-end: 1.75rem;\n}\n\n.searchbar-clear-button {\n top: 0;\n background-position: center;\n position: absolute;\n width: 1.875rem;\n height: 100%;\n border: 0;\n background-color: transparent;\n}\n@supports (inset-inline-start: 0) {\n .searchbar-clear-button {\n inset-inline-end: 0;\n }\n}\n@supports not (inset-inline-start: 0) {\n .searchbar-clear-button {\n right: 0;\n }\n :host-context([dir=rtl]) .searchbar-clear-button {\n left: unset;\n right: unset;\n left: 0;\n }\n [dir=rtl] .searchbar-clear-button {\n left: unset;\n right: unset;\n left: 0;\n }\n @supports selector(:dir(rtl)) {\n .searchbar-clear-button:dir(rtl) {\n left: unset;\n right: unset;\n left: 0;\n }\n }\n}\n\n.searchbar-clear-icon {\n width: 1.125rem;\n height: 100%;\n}\n\n.searchbar-cancel-button {\n -webkit-padding-start: 8px;\n padding-inline-start: 8px;\n -webkit-padding-end: 0;\n padding-inline-end: 0;\n padding-top: 0;\n padding-bottom: 0;\n flex-shrink: 0;\n background-color: transparent;\n font-size: 16px;\n}\n\n:host(.searchbar-left-aligned) .searchbar-search-icon {\n -webkit-margin-start: 0;\n margin-inline-start: 0;\n}\n\n:host(.searchbar-left-aligned) .searchbar-input {\n -webkit-padding-start: 1.875rem;\n padding-inline-start: 1.875rem;\n}\n\n:host(.searchbar-has-focus) .searchbar-cancel-button,\n:host(.searchbar-should-show-cancel) .searchbar-cancel-button,\n:host(.searchbar-animated) .searchbar-cancel-button {\n display: block;\n}\n\n:host(.searchbar-animated) .searchbar-search-icon,\n:host(.searchbar-animated) .searchbar-input {\n transition: all 300ms ease;\n}\n\n:host(.searchbar-animated.searchbar-has-focus) .searchbar-cancel-button,\n:host(.searchbar-animated.searchbar-should-show-cancel) .searchbar-cancel-button {\n opacity: 1;\n pointer-events: auto;\n}\n\n:host(.searchbar-animated) .searchbar-cancel-button {\n -webkit-margin-end: -100%;\n margin-inline-end: -100%;\n transform: translate3d(0, 0, 0);\n transition: all 300ms ease;\n opacity: 0;\n pointer-events: none;\n}\n\n:host(.searchbar-no-animate) .searchbar-search-icon,\n:host(.searchbar-no-animate) .searchbar-input,\n:host(.searchbar-no-animate) .searchbar-cancel-button {\n transition-duration: 0ms;\n}\n\n:host(.ion-color) .searchbar-cancel-button {\n color: var(--ion-color-base);\n}\n\n@media (any-hover: hover) {\n :host(.ion-color) .searchbar-cancel-button:hover {\n color: var(--ion-color-tint);\n }\n}\n:host-context(ion-toolbar) {\n padding-top: 1px;\n padding-bottom: 15px;\n min-height: 52px;\n}\n\n:host-context(ion-toolbar.ion-color):not(.ion-color) {\n color: inherit;\n}\n\n:host-context(ion-toolbar.ion-color):not(.ion-color) .searchbar-cancel-button {\n color: currentColor;\n}\n\n:host-context(ion-toolbar.ion-color) .searchbar-search-icon {\n color: currentColor;\n opacity: 0.5;\n}\n\n:host-context(ion-toolbar.ion-color):not(.ion-color) .searchbar-input {\n background: rgba(var(--ion-color-contrast-rgb), 0.07);\n color: currentColor;\n}\n\n:host-context(ion-toolbar.ion-color):not(.ion-color) .searchbar-clear-button {\n color: currentColor;\n opacity: 0.5;\n}","/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --background: Background of the searchbar input\n * @prop --box-shadow: Box shadow of the searchbar input\n * @prop --border-radius: Border radius of the searchbar input\n * @prop --cancel-button-color: Color of the searchbar cancel button\n * @prop --clear-button-color: Color of the searchbar clear button\n * @prop --color: Color of the searchbar text\n * @prop --icon-color: Color of the searchbar icon\n * @prop --placeholder-color: Color of the searchbar placeholder\n * @prop --placeholder-font-style: Font style of the searchbar placeholder\n * @prop --placeholder-font-weight: Font weight of the searchbar placeholder\n * @prop --placeholder-opacity: Opacity of the searchbar placeholder\n /\n --placeholder-color: initial;\n --placeholder-font-style: initial;\n --placeholder-font-weight: initial;\n --placeholder-opacity: 0.6;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n display: flex;\n position: relative;\n align-items: center;\n width: 100%;\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-contrast);\n}\n\n:host(.ion-color) .searchbar-input {\n background: var(--ion-color-base);\n}\n\n:host(.ion-color) .searchbar-clear-button,\n:host(.ion-color) .searchbar-cancel-button,\n:host(.ion-color) .searchbar-search-icon {\n color: inherit;\n}\n\n.searchbar-search-icon {\n color: var(--icon-color);\n pointer-events: none;\n}\n\n.searchbar-input-container {\n display: block;\n position: relative;\n flex-shrink: 1;\n width: 100%;\n}\n\n.searchbar-input {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n border-radius: var(--border-radius);\n display: block;\n width: 100%;\n min-height: inherit;\n border: 0;\n outline: none;\n background: var(--background);\n font-family: inherit;\n box-shadow: var(--box-shadow);\n box-sizing: border-box;\n appearance: none;\n}\n.searchbar-input::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n font-style: var(--placeholder-font-style);\n font-weight: var(--placeholder-font-weight);\n opacity: var(--placeholder-opacity);\n}\n.searchbar-input::-webkit-search-cancel-button, .searchbar-input::-ms-clear {\n display: none;\n}\n\n.searchbar-cancel-button {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n display: none;\n height: 100%;\n border: 0;\n outline: none;\n color: var(--cancel-button-color);\n cursor: pointer;\n appearance: none;\n}\n\n.searchbar-cancel-button > div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n\n.searchbar-clear-button {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n display: none;\n min-height: 0;\n outline: none;\n color: var(--clear-button-color);\n appearance: none;\n}\n\n/\n Normally, we would not want to use :focus\n * here because that would mean tapping the button\n * on mobile would focus it (and keep it focused).\n * However, the clear button always disappears after\n * being activated, so we never get to that state.\n /\n.searchbar-clear-button:focus {\n opacity: 0.5;\n}\n\n:host(.searchbar-has-value.searchbar-should-show-clear) .searchbar-clear-button {\n display: block;\n}\n\n:host(.searchbar-disabled) {\n cursor: default;\n opacity: 0.4;\n pointer-events: none;\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-background-color, #fff);\n --border-radius: 2px;\n --box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n --cancel-button-color: var(--ion-color-step-900, #1a1a1a);\n --clear-button-color: initial;\n --color: var(--ion-color-step-850, #262626);\n --icon-color: var(--ion-color-step-600, #666666);\n -webkit-padding-start: 8px;\n padding-inline-start: 8px;\n -webkit-padding-end: 8px;\n padding-inline-end: 8px;\n padding-top: 8px;\n padding-bottom: 8px;\n background: inherit;\n}\n\n.searchbar-search-icon {\n top: 11px;\n width: 1.3125rem;\n height: 1.3125rem;\n}\n@supports (inset-inline-start: 0) {\n .searchbar-search-icon {\n inset-inline-start: 16px;\n }\n}\n@supports not (inset-inline-start: 0) {\n .searchbar-search-icon {\n left: 16px;\n }\n :host-context([dir=rtl]) .searchbar-search-icon {\n left: unset;\n right: unset;\n right: 16px;\n }\n [dir=rtl] .searchbar-search-icon {\n left: unset;\n right: unset;\n right: 16px;\n }\n @supports selector(:dir(rtl)) {\n .searchbar-search-icon:dir(rtl) {\n left: unset;\n right: unset;\n right: 16px;\n }\n }\n}\n\n.searchbar-cancel-button {\n /\n The left edge of the cancel button\n * should align with the left edge\n * of the back button if the searchbar\n * is used in a toolbar.\n /\n top: 0;\n background-color: transparent;\n font-size: 1.5em;\n}\n@supports (inset-inline-start: 0) {\n .searchbar-cancel-button {\n inset-inline-start: 9px;\n }\n}\n@supports not (inset-inline-start: 0) {\n .searchbar-cancel-button {\n left: 9px;\n }\n :host-context([dir=rtl]) .searchbar-cancel-button {\n left: unset;\n right: unset;\n right: 9px;\n }\n [dir=rtl] .searchbar-cancel-button {\n left: unset;\n right: unset;\n right: 9px;\n }\n @supports selector(:dir(rtl)) {\n .searchbar-cancel-button:dir(rtl) {\n left: unset;\n right: unset;\n right: 9px;\n }\n }\n}\n\n.searchbar-search-icon,\n.searchbar-cancel-button {\n position: absolute;\n}\n\n.searchbar-search-icon.ion-activated,\n.searchbar-cancel-button.ion-activated {\n background-color: transparent;\n}\n\n.searchbar-input {\n -webkit-padding-start: 3.4375rem;\n padding-inline-start: 3.4375rem;\n -webkit-padding-end: 3.4375rem;\n padding-inline-end: 3.4375rem;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n background-position: left 8px center;\n height: auto;\n font-size: 1rem;\n font-weight: 400;\n line-height: 30px;\n}\n:host-context([dir=rtl]) .searchbar-input {\n background-position: right 8px center;\n}\n\n[dir=rtl] .searchbar-input {\n background-position: right 8px center;\n}\n\n@supports selector(:dir(rtl)) {\n .searchbar-input:dir(rtl) {\n background-position: right 8px center;\n }\n}\n\n.searchbar-clear-button {\n top: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n position: absolute;\n height: 100%;\n border: 0;\n background-color: transparent;\n}\n@supports (inset-inline-start: 0) {\n .searchbar-clear-button {\n inset-inline-end: 13px;\n }\n}\n@supports not (inset-inline-start: 0) {\n .searchbar-clear-button {\n right: 13px;\n }\n :host-context([dir=rtl]) .searchbar-clear-button {\n left: unset;\n right: unset;\n left: 13px;\n }\n [dir=rtl] .searchbar-clear-button {\n left: unset;\n right: unset;\n left: 13px;\n }\n @supports selector(:dir(rtl)) {\n .searchbar-clear-button:dir(rtl) {\n left: unset;\n right: unset;\n left: 13px;\n }\n }\n}\n\n.searchbar-clear-button.ion-activated {\n background-color: transparent;\n}\n\n.searchbar-clear-icon {\n width: 1.375rem;\n height: 100%;\n}\n\n:host(.searchbar-has-focus) .searchbar-search-icon {\n display: block;\n}\n\n:host(.searchbar-has-focus) .searchbar-cancel-button,\n:host(.searchbar-should-show-cancel) .searchbar-cancel-button {\n display: block;\n}\n\n:host(.searchbar-has-focus) .searchbar-cancel-button + .searchbar-search-icon,\n:host(.searchbar-should-show-cancel) .searchbar-cancel-button + .searchbar-search-icon {\n display: none;\n}\n\n:host-context(ion-toolbar) {\n -webkit-padding-start: 7px;\n padding-inline-start: 7px;\n -webkit-padding-end: 7px;\n padding-inline-end: 7px;\n padding-top: 3px;\n padding-bottom: 3px;\n}","/!\n * (C) Ionic http://ionicframework.com - MIT License\n /\nimport { Host, forceUpdate, h } from \"@stencil/core\";\nimport { debounceEvent, raf, componentOnReady, inheritAttributes } from \"../../utils/helpers\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { arrowBackSharp, closeCircle, closeSharp, searchOutline, searchSharp } from \"ionicons/icons\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/\n @virtualProp {\"ios\" \| \"md\"} mode - The mode determines which platform styles to use.\n /\nexport class Searchbar {\n constructor() {\n this.isCancelVisible = false;\n this.shouldAlignLeft = true;\n this.inputId = `ion-searchbar-${searchbarIds++}`;\n this.inheritedAttributes = {};\n /\n Clears the input field and triggers the control change.\n /\n this.onClearInput = async (shouldFocus) => {\n this.ionClear.emit();\n return new Promise((resolve) => {\n // setTimeout() fixes https://github.com/ionic-team/ionic/issues/7527\n // wait for 4 frames\n setTimeout(() => {\n const value = this.getValue();\n if (value !== '') {\n this.value = '';\n this.emitInputChange();\n /\n When tapping clear button\n * ensure input is focused after\n * clearing input so users\n * can quickly start typing.\n /\n if (shouldFocus && !this.focused) {\n this.setFocus();\n /\n The setFocus call above will clear focusedValue,\n * but ionChange will never have gotten a chance to\n * fire. Manually revert focusedValue so onBlur can\n * compare against what was in the box before the clear.\n /\n this.focusedValue = value;\n }\n }\n resolve();\n }, 16 4);\n });\n };\n /*\n Clears the input field and tells the input to blur since\n * the clearInput function doesn't want the input to blur\n * then calls the custom cancel function if the user passed one in.\n /\n this.onCancelSearchbar = async (ev) => {\n if (ev) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n this.ionCancel.emit();\n // get cached values before clearing the input\n const value = this.getValue();\n const focused = this.focused;\n await this.onClearInput();\n /\n If there used to be something in the box, and we weren't focused\n * beforehand (meaning no blur fired that would already handle this),\n * manually fire ionChange.\n /\n if (value && !focused) {\n this.emitValueChange(ev);\n }\n if (this.nativeInput) {\n this.nativeInput.blur();\n }\n };\n /\n Update the Searchbar input value when the input changes\n /\n this.onInput = (ev) => {\n const input = ev.target;\n if (input) {\n this.value = input.value;\n }\n this.emitInputChange(ev);\n };\n this.onChange = (ev) => {\n this.emitValueChange(ev);\n };\n /\n Sets the Searchbar to not focused and checks if it should align left\n * based on whether there is a value in the searchbar or not.\n /\n this.onBlur = (ev) => {\n this.focused = false;\n this.ionBlur.emit();\n this.positionElements();\n if (this.focusedValue !== this.value) {\n this.emitValueChange(ev);\n }\n this.focusedValue = undefined;\n };\n /\n Sets the Searchbar to focused and active on input focus.\n /\n this.onFocus = () => {\n this.focused = true;\n this.focusedValue = this.value;\n this.ionFocus.emit();\n this.positionElements();\n };\n this.focused = false;\n this.noAnimate = true;\n this.color = undefined;\n this.animated = false;\n this.autocapitalize = 'default';\n this.autocomplete = 'off';\n this.autocorrect = 'off';\n this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);\n this.cancelButtonText = 'Cancel';\n this.clearIcon = undefined;\n this.debounce = undefined;\n this.disabled = false;\n this.inputmode = undefined;\n this.enterkeyhint = undefined;\n this.maxlength = undefined;\n this.minlength = undefined;\n this.name = this.inputId;\n this.placeholder = 'Search';\n this.searchIcon = undefined;\n this.showCancelButton = 'never';\n this.showClearButton = 'always';\n this.spellcheck = false;\n this.type = 'search';\n this.value = '';\n }\n /\n lang and dir are globally enumerated attributes.\n * As a result, creating these as properties\n * can have unintended side effects. Instead, we\n * listen for attribute changes and inherit them\n * to the inner `<input>` element.\n /\n onLangChanged(newValue) {\n this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { lang: newValue });\n forceUpdate(this);\n }\n onDirChanged(newValue) {\n this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { dir: newValue });\n forceUpdate(this);\n }\n debounceChanged() {\n const { ionInput, debounce, originalIonInput } = this;\n /\n If debounce is undefined, we have to manually revert the ionInput emitter in case\n * debounce used to be set to a number. Otherwise, the event would stay debounced.\n /\n this.ionInput = debounce === undefined ? originalIonInput !== null && originalIonInput !== void 0 ? originalIonInput : ionInput : debounceEvent(ionInput, debounce);\n }\n valueChanged() {\n const inputEl = this.nativeInput;\n const value = this.getValue();\n if (inputEl && inputEl.value !== value) {\n inputEl.value = value;\n }\n }\n showCancelButtonChanged() {\n requestAnimationFrame(() => {\n this.positionElements();\n forceUpdate(this);\n });\n }\n connectedCallback() {\n this.emitStyle();\n }\n componentWillLoad() {\n this.inheritedAttributes = Object.assign({}, inheritAttributes(this.el, ['lang', 'dir']));\n }\n componentDidLoad() {\n this.originalIonInput = this.ionInput;\n this.positionElements();\n this.debounceChanged();\n setTimeout(() => {\n this.noAnimate = false;\n }, 300);\n }\n emitStyle() {\n this.ionStyle.emit({\n searchbar: true,\n });\n }\n /\n Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global\n * `input.focus()`.\n \n Developers who wish to focus an input when a page enters\n * should call `setFocus()` in the `ionViewDidEnter()` lifecycle method.\n \n Developers who wish to focus an input when an overlay is presented\n * should call `setFocus` after `didPresent` has resolved.\n \n See [managing focus](/docs/developing/managing-focus) for more information.\n /\n async setFocus() {\n if (this.nativeInput) {\n this.nativeInput.focus();\n }\n }\n /\n Returns the native `<input>` element used under the hood.\n /\n async getInputElement() {\n /\n If this gets called in certain early lifecycle hooks (ex: Vue onMounted),\n * nativeInput won't be defined yet with the custom elements build, so wait for it to load in.\n /\n if (!this.nativeInput) {\n await new Promise((resolve) => componentOnReady(this.el, resolve));\n }\n return Promise.resolve(this.nativeInput);\n }\n /\n Emits an `ionChange` event.\n \n This API should be called for user committed changes.\n * This API should not be used for external value changes.\n /\n emitValueChange(event) {\n const { value } = this;\n // Checks for both null and undefined values\n const newValue = value == null ? value : value.toString();\n // Emitting a value change should update the internal state for tracking the focused value\n this.focusedValue = newValue;\n this.ionChange.emit({ value: newValue, event });\n }\n /\n Emits an `ionInput` event.\n /\n emitInputChange(event) {\n const { value } = this;\n this.ionInput.emit({ value, event });\n }\n /\n Positions the input search icon, placeholder, and the cancel button\n * based on the input value and if it is focused. (ios only)\n /\n positionElements() {\n const value = this.getValue();\n const prevAlignLeft = this.shouldAlignLeft;\n const mode = getIonMode(this);\n const shouldAlignLeft = !this.animated \|\| value.trim() !== '' \|\| !!this.focused;\n this.shouldAlignLeft = shouldAlignLeft;\n if (mode !== 'ios') {\n return;\n }\n if (prevAlignLeft !== shouldAlignLeft) {\n this.positionPlaceholder();\n }\n if (this.animated) {\n this.positionCancelButton();\n }\n }\n /\n Positions the input placeholder\n /\n positionPlaceholder() {\n const inputEl = this.nativeInput;\n if (!inputEl) {\n return;\n }\n const rtl = isRTL(this.el);\n const iconEl = (this.el.shadowRoot \|\| this.el).querySelector('.searchbar-search-icon');\n if (this.shouldAlignLeft) {\n inputEl.removeAttribute('style');\n iconEl.removeAttribute('style');\n }\n else {\n // Create a dummy span to get the placeholder width\n const doc = document;\n const tempSpan = doc.createElement('span');\n tempSpan.innerText = this.placeholder \|\| '';\n doc.body.appendChild(tempSpan);\n // Get the width of the span then remove it\n raf(() => {\n const textWidth = tempSpan.offsetWidth;\n tempSpan.remove();\n // Calculate the input padding\n const inputLeft = 'calc(50% - ' + textWidth / 2 + 'px)';\n // Calculate the icon margin\n /\n We take the icon width to account\n * for any text scales applied to the icon\n * such as Dynamic Type on iOS as well as 8px\n * of padding.\n /\n const iconLeft = 'calc(50% - ' + (textWidth / 2 + iconEl.clientWidth + 8) + 'px)';\n // Set the input padding start and icon margin start\n if (rtl) {\n inputEl.style.paddingRight = inputLeft;\n iconEl.style.marginRight = iconLeft;\n }\n else {\n inputEl.style.paddingLeft = inputLeft;\n iconEl.style.marginLeft = iconLeft;\n }\n });\n }\n }\n /\n Show the iOS Cancel button on focus, hide it offscreen otherwise\n /\n positionCancelButton() {\n const rtl = isRTL(this.el);\n const cancelButton = (this.el.shadowRoot \|\| this.el).querySelector('.searchbar-cancel-button');\n const shouldShowCancel = this.shouldShowCancelButton();\n if (cancelButton !== null && shouldShowCancel !== this.isCancelVisible) {\n const cancelStyle = cancelButton.style;\n this.isCancelVisible = shouldShowCancel;\n if (shouldShowCancel) {\n if (rtl) {\n cancelStyle.marginLeft = '0';\n }\n else {\n cancelStyle.marginRight = '0';\n }\n }\n else {\n const offset = cancelButton.offsetWidth;\n if (offset > 0) {\n if (rtl) {\n cancelStyle.marginLeft = -offset + 'px';\n }\n else {\n cancelStyle.marginRight = -offset + 'px';\n }\n }\n }\n }\n }\n getValue() {\n return this.value \|\| '';\n }\n hasValue() {\n return this.getValue() !== '';\n }\n /\n Determines whether or not the cancel button should be visible onscreen.\n * Cancel button should be shown if one of two conditions applies:\n * 1. `showCancelButton` is set to `always`.\n * 2. `showCancelButton` is set to `focus`, and the searchbar has been focused.\n /\n shouldShowCancelButton() {\n if (this.showCancelButton === 'never' \|\| (this.showCancelButton === 'focus' && !this.focused)) {\n return false;\n }\n return true;\n }\n /\n Determines whether or not the clear button should be visible onscreen.\n * Clear button should be shown if one of two conditions applies:\n * 1. `showClearButton` is set to `always`.\n * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.\n /\n shouldShowClearButton() {\n if (this.showClearButton === 'never' \|\| (this.showClearButton === 'focus' && !this.focused)) {\n return false;\n }\n return true;\n }\n render() {\n const { cancelButtonText, autocapitalize } = this;\n const animated = this.animated && config.getBoolean('animated', true);\n const mode = getIonMode(this);\n const clearIcon = this.clearIcon \|\| (mode === 'ios' ? closeCircle : closeSharp);\n const searchIcon = this.searchIcon \|\| (mode === 'ios' ? searchOutline : searchSharp);\n const shouldShowCancelButton = this.shouldShowCancelButton();\n const cancelButton = this.showCancelButton !== 'never' && (h(\"button\", { key: '9c7b4d2e86d9bcd12e57c9a96723d3da598a3773', \"aria-label\": cancelButtonText, \"aria-hidden\": shouldShowCancelButton ? undefined : 'true', type: \"button\", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: \"searchbar-cancel-button\" }, h(\"div\", { key: '1c25268a776134cccd29eb752898cb8ac0eed30f', \"aria-hidden\": \"true\" }, mode === 'md' ? (h(\"ion-icon\", { \"aria-hidden\": \"true\", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));\n return (h(Host, { key: 'feef9fc7e405656e134a76dc037aaaa1a4ce36b4', role: \"search\", \"aria-disabled\": this.disabled ? 'true' : null, class: createColorClasses(this.color, {\n [mode]: true,\n 'searchbar-animated': animated,\n 'searchbar-disabled': this.disabled,\n 'searchbar-no-animate': animated && this.noAnimate,\n 'searchbar-has-value': this.hasValue(),\n 'searchbar-left-aligned': this.shouldAlignLeft,\n 'searchbar-has-focus': this.focused,\n 'searchbar-should-show-clear': this.shouldShowClearButton(),\n 'searchbar-should-show-cancel': this.shouldShowCancelButton(),\n }) }, h(\"div\", { key: '92e3925dc0de468e5665705902153837105dfa57', class: \"searchbar-input-container\" }, h(\"input\", Object.assign({ key: 'fb74faf81b347a62338ccdac981525df1c52b322', \"aria-label\": \"search text\", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: \"searchbar-input\", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h(\"ion-icon\", { key: 'd58c3636dac1d2e4135989f4c07dc95c51492e60', \"aria-hidden\": \"true\", mode: mode, icon: searchIcon, lazy: false, class: \"searchbar-search-icon\" }), h(\"button\", { key: '1cece7c63ca5ca4b8799e15ee6d2bac100ef0d5e', \"aria-label\": \"reset\", type: \"button\", \"no-blur\": true, class: \"searchbar-clear-button\", onPointerDown: (ev) => {\n /\n This prevents mobile browsers from\n * blurring the input when the clear\n * button is activated.\n */\n ev.preventDefault();\n }, onClick: () => this.onClearInput(true) }, h(\"ion-icon\", { key: 'fe3c2b9cac29002f69e95a89b554c7504e2df050', \"aria-hidden\": \"true\", mode: mode, icon: clearIcon, lazy: false, class: \"searchbar-clear-icon\" }))), mode === 'ios' && cancelButton));\n }\n static get is() { return \"ion-searchbar\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"searchbar.ios.scss\"],\n \"md\": [\"searchbar.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"searchbar.ios.css\"],\n \"md\": [\"searchbar.md.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" \| \\\"dark\\\" \| \\\"light\\\" \| \\\"medium\\\" \| \\\"primary\\\" \| \\\"secondary\\\" \| \\\"success\\\" \| \\\"tertiary\\\" \| \\\"warning\\\" \| string & Record<never, never> \| undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n },\n \"animated\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, enable searchbar animation.\"\n },\n \"attribute\": \"animated\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"autocapitalize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\\nAvailable options: `\\\"off\\\"`, `\\\"none\\\"`, `\\\"on\\\"`, `\\\"sentences\\\"`, `\\\"words\\\"`, `\\\"characters\\\"`.\"\n },\n \"attribute\": \"autocapitalize\",\n \"reflect\": false,\n \"defaultValue\": \"'default'\"\n },\n \"autocomplete\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AutocompleteTypes\",\n \"resolved\": \"\\\"name\\\" \| \\\"email\\\" \| \\\"tel\\\" \| \\\"url\\\" \| \\\"on\\\" \| \\\"off\\\" \| \\\"honorific-prefix\\\" \| \\\"given-name\\\" \| \\\"additional-name\\\" \| \\\"family-name\\\" \| \\\"honorific-suffix\\\" \| \\\"nickname\\\" \| \\\"username\\\" \| \\\"new-password\\\" \| \\\"current-password\\\" \| \\\"one-time-code\\\" \| \\\"organization-title\\\" \| \\\"organization\\\" \| \\\"street-address\\\" \| \\\"address-line1\\\" \| \\\"address-line2\\\" \| \\\"address-line3\\\" \| \\\"address-level4\\\" \| \\\"address-level3\\\" \| \\\"address-level2\\\" \| \\\"address-level1\\\" \| \\\"country\\\" \| \\\"country-name\\\" \| \\\"postal-code\\\" \| \\\"cc-name\\\" \| \\\"cc-given-name\\\" \| \\\"cc-additional-name\\\" \| \\\"cc-family-name\\\" \| \\\"cc-number\\\" \| \\\"cc-exp\\\" \| \\\"cc-exp-month\\\" \| \\\"cc-exp-year\\\" \| \\\"cc-csc\\\" \| \\\"cc-type\\\" \| \\\"transaction-currency\\\" \| \\\"transaction-amount\\\" \| \\\"language\\\" \| \\\"bday\\\" \| \\\"bday-day\\\" \| \\\"bday-month\\\" \| \\\"bday-year\\\" \| \\\"sex\\\" \| \\\"tel-country-code\\\" \| \\\"tel-national\\\" \| \\\"tel-area-code\\\" \| \\\"tel-local\\\" \| \\\"tel-extension\\\" \| \\\"impp\\\" \| \\\"photo\\\"\",\n \"references\": {\n \"AutocompleteTypes\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::AutocompleteTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the input's autocomplete property.\"\n },\n \"attribute\": \"autocomplete\",\n \"reflect\": false,\n \"defaultValue\": \"'off'\"\n },\n \"autocorrect\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'on' \| 'off'\",\n \"resolved\": \"\\\"off\\\" \| \\\"on\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the input's autocorrect property.\"\n },\n \"attribute\": \"autocorrect\",\n \"reflect\": false,\n \"defaultValue\": \"'off'\"\n },\n \"cancelButtonIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the cancel button icon. Only applies to `md` mode.\\nDefaults to `arrow-back-sharp`.\"\n },\n \"attribute\": \"cancel-button-icon\",\n \"reflect\": false,\n \"defaultValue\": \"config.get('backButtonIcon', arrowBackSharp) as string\"\n },\n \"cancelButtonText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the the cancel button text. Only applies to `ios` mode.\"\n },\n \"attribute\": \"cancel-button-text\",\n \"reflect\": false,\n \"defaultValue\": \"'Cancel'\"\n },\n \"clearIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.\"\n },\n \"attribute\": \"clear-icon\",\n \"reflect\": false\n },\n \"debounce\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke.\"\n },\n \"attribute\": \"debounce\",\n \"reflect\": false\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the user cannot interact with the input.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"inputmode\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'\",\n \"resolved\": \"\\\"decimal\\\" \| \\\"email\\\" \| \\\"none\\\" \| \\\"numeric\\\" \| \\\"search\\\" \| \\\"tel\\\" \| \\\"text\\\" \| \\\"url\\\" \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A hint to the browser for which keyboard to display.\\nPossible values: `\\\"none\\\"`, `\\\"text\\\"`, `\\\"tel\\\"`, `\\\"url\\\"`,\\n`\\\"email\\\"`, `\\\"numeric\\\"`, `\\\"decimal\\\"`, and `\\\"search\\\"`.\"\n },\n \"attribute\": \"inputmode\",\n \"reflect\": false\n },\n \"enterkeyhint\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'enter' \| 'done' \| 'go' \| 'next' \| 'previous' \| 'search' \| 'send'\",\n \"resolved\": \"\\\"done\\\" \| \\\"enter\\\" \| \\\"go\\\" \| \\\"next\\\" \| \\\"previous\\\" \| \\\"search\\\" \| \\\"send\\\" \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A hint to the browser for which enter key to display.\\nPossible values: `\\\"enter\\\"`, `\\\"done\\\"`, `\\\"go\\\"`, `\\\"next\\\"`,\\n`\\\"previous\\\"`, `\\\"search\\\"`, and `\\\"send\\\"`.\"\n },\n \"attribute\": \"enterkeyhint\",\n \"reflect\": false\n },\n \"maxlength\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute specifies the maximum number of characters that the user can enter.\"\n },\n \"attribute\": \"maxlength\",\n \"reflect\": false\n },\n \"minlength\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute specifies the minimum number of characters that the user can enter.\"\n },\n \"attribute\": \"minlength\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If used in a form, set the name of the control, which is submitted with the form data.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false,\n \"defaultValue\": \"this.inputId\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the input's placeholder.\\n`placeholder` can accept either plaintext or HTML as a string.\\nTo display characters normally reserved for HTML, they\\nmust be escaped. For example `<Ionic>` would become\\n`<Ionic>`\\n\\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\"\n },\n \"attribute\": \"placeholder\",\n \"reflect\": false,\n \"defaultValue\": \"'Search'\"\n },\n \"searchIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon to use as the search icon. Defaults to `search-outline` in\\n`ios` mode and `search-sharp` in `md` mode.\"\n },\n \"attribute\": \"search-icon\",\n \"reflect\": false\n },\n \"showCancelButton\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'never' \| 'focus' \| 'always'\",\n \"resolved\": \"\\\"always\\\" \| \\\"focus\\\" \| \\\"never\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the behavior for the cancel button. Defaults to `\\\"never\\\"`.\\nSetting to `\\\"focus\\\"` shows the cancel button on focus.\\nSetting to `\\\"never\\\"` hides the cancel button.\\nSetting to `\\\"always\\\"` shows the cancel button regardless\\nof focus state.\"\n },\n \"attribute\": \"show-cancel-button\",\n \"reflect\": false,\n \"defaultValue\": \"'never'\"\n },\n \"showClearButton\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'never' \| 'focus' \| 'always'\",\n \"resolved\": \"\\\"always\\\" \| \\\"focus\\\" \| \\\"never\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the behavior for the clear button. Defaults to `\\\"focus\\\"`.\\nSetting to `\\\"focus\\\"` shows the clear button on focus if the\\ninput is not empty.\\nSetting to `\\\"never\\\"` hides the clear button.\\nSetting to `\\\"always\\\"` shows the clear button regardless\\nof focus state, but only if the input is not empty.\"\n },\n \"attribute\": \"show-clear-button\",\n \"reflect\": false,\n \"defaultValue\": \"'always'\"\n },\n \"spellcheck\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, enable spellcheck on the input.\"\n },\n \"attribute\": \"spellcheck\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'text' \| 'password' \| 'email' \| 'number' \| 'search' \| 'tel' \| 'url'\",\n \"resolved\": \"\\\"email\\\" \| \\\"number\\\" \| \\\"password\\\" \| \\\"search\\\" \| \\\"tel\\\" \| \\\"text\\\" \| \\\"url\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set the type of the input.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"'search'\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string \| null\",\n \"resolved\": \"null \| string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the value of the searchbar.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"''\"\n }\n };\n }\n static get states() {\n return {\n \"focused\": {},\n \"noAnimate\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"ionInput\",\n \"name\": \"ionInput\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the `value` of the `ion-searchbar` element has changed.\"\n },\n \"complexType\": {\n \"original\": \"SearchbarInputEventDetail\",\n \"resolved\": \"SearchbarInputEventDetail\",\n \"references\": {\n \"SearchbarInputEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./searchbar-interface\",\n \"id\": \"src/components/searchbar/searchbar-interface.ts::SearchbarInputEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"ionChange\",\n \"name\": \"ionChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The `ionChange` event is fired for `<ion-searchbar>` elements when the user\\nmodifies the element's value. Unlike the `ionInput` event, the `ionChange`\\nevent is not necessarily fired for each alteration to an element's value.\\n\\nThe `ionChange` event is fired when the value has been committed\\nby the user. This can happen when the element loses focus or\\nwhen the \\\"Enter\\\" key is pressed. `ionChange` can also fire\\nwhen clicking the clear or cancel buttons.\"\n },\n \"complexType\": {\n \"original\": \"SearchbarChangeEventDetail\",\n \"resolved\": \"SearchbarChangeEventDetail\",\n \"references\": {\n \"SearchbarChangeEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./searchbar-interface\",\n \"id\": \"src/components/searchbar/searchbar-interface.ts::SearchbarChangeEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"ionCancel\",\n \"name\": \"ionCancel\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the cancel button is clicked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionClear\",\n \"name\": \"ionClear\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the clear input button is clicked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionBlur\",\n \"name\": \"ionBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the input loses focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionFocus\",\n \"name\": \"ionFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the input has focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionStyle\",\n \"name\": \"ionStyle\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"Emitted when the styles change.\"\n },\n \"complexType\": {\n \"original\": \"StyleEventDetail\",\n \"resolved\": \"StyleEventDetail\",\n \"references\": {\n \"StyleEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::StyleEventDetail\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global\\n`input.focus()`.\\n\\nDevelopers who wish to focus an input when a page enters\\nshould call `setFocus()` in the `ionViewDidEnter()` lifecycle method.\\n\\nDevelopers who wish to focus an input when an overlay is presented\\nshould call `setFocus` after `didPresent` has resolved.\\n\\nSee [managing focus](/docs/developing/managing-focus) for more information.\",\n \"tags\": []\n }\n },\n \"getInputElement\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLInputElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLInputElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLInputElement\"\n }\n },\n \"return\": \"Promise<HTMLInputElement>\"\n },\n \"docs\": {\n \"text\": \"Returns the native `<input>` element used under the hood.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"lang\",\n \"methodName\": \"onLangChanged\"\n }, {\n \"propName\": \"dir\",\n \"methodName\": \"onDirChanged\"\n }, {\n \"propName\": \"debounce\",\n \"methodName\": \"debounceChanged\"\n }, {\n \"propName\": \"value\",\n \"methodName\": \"valueChanged\"\n }, {\n \"propName\": \"showCancelButton\",\n \"methodName\": \"showCancelButtonChanged\"\n }];\n }\n}\nlet searchbarIds = 0;\n"],"version":3}

package/dist/components/pos-add-new-thing2.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$3 } from './pos-dialog2.js';
 import { d as defineCustomElement$2 } from './pos-new-thing-form2.js';
 import { d as defineCustomElement$1 } from './pos-select-term2.js';
-const posAddNewThingCss = ":host{font-family:var(--font-sans);display:block}button#new{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;width:var(--scale-5);height:var(--scale-5);background-color:var(--pos-primary-color);color:var(--pos-primary-text-color);font-size:var(--scale-6);border-radius:var(--radius-xs)}button#new:hover,button#new:focus{outline:none;filter:brightness(110%);box-shadow:var(--shadow-sm)}pos-new-thing-form{margin:var(--scale-3)}";
+const posAddNewThingCss = ":host{font-family:var(--font-sans);display:block}button#new{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;width:var(--size-10);height:var(--size-10);background-color:var(--pos-primary-color);color:var(--pos-primary-text-color);font-size:var(--scale-6);border-radius:var(--radius-xs)}button#new:hover,button#new:focus{outline:none;filter:brightness(110%);box-shadow:var(--shadow-sm)}pos-new-thing-form{margin:var(--scale-3)}";
 const PosAddNewThingStyle0 = posAddNewThingCss;
 const PosAddNewThing = /*@__PURE__*/ proxyCustomElement(class PosAddNewThing extends HTMLElement {

package/dist/components/pos-add-new-thing2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-add-new-thing2.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,6cAA6c,CAAC;AACxe,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;IAKzB,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IACvE,iEAAU,IAAI,EAAC,oBAAoB,GAAY,CACxC,EACT,mEAAY,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC,IAC/D,6DAAM,IAAI,EAAC,OAAO,sBAAuB,EACzC,2EAAoB,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC3D,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-add-new-thing/pos-add-new-thing.css?tag=pos-add-new-thing&encapsulation=shadow","src/components/pos-add-new-thing/pos-add-new-thing.tsx"],"sourcesContent":[":host {\n font-family: var(--font-sans);\n display: block;\n}\n\nbutton#new {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n width: var(--~~scale~~-5);\n height: var(--~~scale~~-5);\n background-color: var(--pos-primary-color);\n color: var(--pos-primary-text-color);\n font-size: var(--scale-6);\n border-radius: var(--radius-xs);\n}\n\nbutton#new:hover,\nbutton#new:focus {\n outline: none;\n filter: brightness(110%);\n box-shadow: var(--shadow-sm);\n}\n\npos-new-thing-form {\n margin: var(--scale-3);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-add-new-thing',\n styleUrl: 'pos-add-new-thing.css',\n shadow: true,\n})\nexport class PosAddNewThing {\n @Prop() referenceUri!: string;\n\n private dialog: HTMLPosDialogElement;\n\n openDialog() {\n this.dialog.showModal();\n }\n\n render() {\n return (\n <Host>\n <button id=\"new\" title=\"Add a new thing\" onClick={() => this.openDialog()}>\n <ion-icon name=\"add-circle-outline\"></ion-icon>\n </button>\n <pos-dialog ref={el => (this.dialog = el as HTMLPosDialogElement)}>\n <span slot=\"title\">Add a new thing</span>\n <pos-new-thing-form slot=\"content\" referenceUri={this.referenceUri} />\n </pos-dialog>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-add-new-thing2.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,6cAA6c,CAAC;AACxe,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;IAKzB,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IACvE,iEAAU,IAAI,EAAC,oBAAoB,GAAY,CACxC,EACT,mEAAY,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC,IAC/D,6DAAM,IAAI,EAAC,OAAO,sBAAuB,EACzC,2EAAoB,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC3D,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-add-new-thing/pos-add-new-thing.css?tag=pos-add-new-thing&encapsulation=shadow","src/components/pos-add-new-thing/pos-add-new-thing.tsx"],"sourcesContent":[":host {\n font-family: var(--font-sans);\n display: block;\n}\n\nbutton#new {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n width: var(--size-10);\n height: var(--size-10);\n background-color: var(--pos-primary-color);\n color: var(--pos-primary-text-color);\n font-size: var(--scale-6);\n border-radius: var(--radius-xs);\n}\n\nbutton#new:hover,\nbutton#new:focus {\n outline: none;\n filter: brightness(110%);\n box-shadow: var(--shadow-sm);\n}\n\npos-new-thing-form {\n margin: var(--scale-3);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-add-new-thing',\n styleUrl: 'pos-add-new-thing.css',\n shadow: true,\n})\nexport class PosAddNewThing {\n @Prop() referenceUri!: string;\n\n private dialog: HTMLPosDialogElement;\n\n openDialog() {\n this.dialog.showModal();\n }\n\n render() {\n return (\n <Host>\n <button id=\"new\" title=\"Add a new thing\" onClick={() => this.openDialog()}>\n <ion-icon name=\"add-circle-outline\"></ion-icon>\n </button>\n <pos-dialog ref={el => (this.dialog = el as HTMLPosDialogElement)}>\n <span slot=\"title\">Add a new thing</span>\n <pos-new-thing-form slot=\"content\" referenceUri={this.referenceUri} />\n </pos-dialog>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/pos-app-browser.js CHANGED Viewed

@@ -1,36 +1,38 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$v } from './icon.js';
-import { d as defineCustomElement$u } from './progress-bar.js';
-import { d as defineCustomElement$t } from './ripple-effect.js';
-import { d as defineCustomElement$s } from './searchbar.js';
-import { d as defineCustomElement$r } from './skeleton-text.js';
-import { d as defineCustomElement$q } from './toast.js';
-import { d as defineCustomElement$p } from './pos-add-new-thing2.js';
-import { d as defineCustomElement$o } from './pos-app2.js';
-import { d as defineCustomElement$n } from './pos-app-dashboard2.js';
-import { d as defineCustomElement$m } from './pos-app-settings2.js';
-import { d as defineCustomElement$l } from './pos-description2.js';
-import { d as defineCustomElement$k } from './pos-dialog2.js';
-import { d as defineCustomElement$j } from './pos-error-toast2.js';
-import { d as defineCustomElement$i } from './pos-example-resources2.js';
-import { d as defineCustomElement$h } from './pos-getting-started2.js';
-import { d as defineCustomElement$g } from './pos-image2.js';
-import { d as defineCustomElement$f } from './pos-internal-router2.js';
-import { d as defineCustomElement$e } from './pos-label2.js';
-import { d as defineCustomElement$d } from './pos-login2.js';
-import { d as defineCustomElement$c } from './pos-login-form2.js';
-import { d as defineCustomElement$b } from './pos-make-findable2.js';
-import { d as defineCustomElement$a } from './pos-navigation-bar2.js';
-import { d as defineCustomElement$9 } from './pos-new-thing-form2.js';
-import { d as defineCustomElement$8 } from './pos-picture2.js';
-import { d as defineCustomElement$7 } from './pos-resource2.js';
-import { d as defineCustomElement$6 } from './pos-rich-link2.js';
-import { d as defineCustomElement$5 } from './pos-router2.js';
-import { d as defineCustomElement$4 } from './pos-select-term2.js';
-import { d as defineCustomElement$3 } from './pos-setting-offline-cache2.js';
-import { d as defineCustomElement$2 } from './pos-type-router2.js';
+import { s as store } from './session.js';
+import { d as defineCustomElement$w } from './icon.js';
+import { d as defineCustomElement$v } from './progress-bar.js';
+import { d as defineCustomElement$u } from './ripple-effect.js';
+import { d as defineCustomElement$t } from './skeleton-text.js';
+import { d as defineCustomElement$s } from './toast.js';
+import { d as defineCustomElement$r } from './pos-add-new-thing2.js';
+import { d as defineCustomElement$q } from './pos-app2.js';
+import { d as defineCustomElement$p } from './pos-app-dashboard2.js';
+import { d as defineCustomElement$o } from './pos-app-settings2.js';
+import { d as defineCustomElement$n } from './pos-description2.js';
+import { d as defineCustomElement$m } from './pos-dialog2.js';
+import { d as defineCustomElement$l } from './pos-error-toast2.js';
+import { d as defineCustomElement$k } from './pos-example-resources2.js';
+import { d as defineCustomElement$j } from './pos-getting-started2.js';
+import { d as defineCustomElement$i } from './pos-image2.js';
+import { d as defineCustomElement$h } from './pos-internal-router2.js';
+import { d as defineCustomElement$g } from './pos-label2.js';
+import { d as defineCustomElement$f } from './pos-login2.js';
+import { d as defineCustomElement$e } from './pos-login-form2.js';
+import { d as defineCustomElement$d } from './pos-make-findable2.js';
+import { d as defineCustomElement$c } from './pos-navigation2.js';
+import { d as defineCustomElement$b } from './pos-navigation-bar2.js';
+import { d as defineCustomElement$a } from './pos-new-thing-form2.js';
+import { d as defineCustomElement$9 } from './pos-picture2.js';
+import { d as defineCustomElement$8 } from './pos-resource2.js';
+import { d as defineCustomElement$7 } from './pos-rich-link2.js';
+import { d as defineCustomElement$6 } from './pos-router2.js';
+import { d as defineCustomElement$5 } from './pos-select-term2.js';
+import { d as defineCustomElement$4 } from './pos-setting-offline-cache2.js';
+import { d as defineCustomElement$3 } from './pos-type-router2.js';
+import { d as defineCustomElement$2 } from './pos-user-menu2.js';
-const posAppBrowserCss = "pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation-bar {\n  max-width: var(--width-lg);\n  margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: wrap;\n  padding: 0 var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: 0 var(--size-1) var(--size-1);\n    justify-content: space-between;\n  }\n\n  pos-navigation-bar {\n    flex-basis: 100%;\n    order: 0;\n  }\n\n  pos-add-new-thing,\n  pos-login {\n    order: 1;\n  }\n}\n";
+const posAppBrowserCss = "pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n}\n";
 const PosAppBrowserStyle0 = posAppBrowserCss;
 const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser extends HTMLElement {
@@ -41,14 +43,23 @@ const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser ext
         /**
          * The mode the app is running in:
          *
-         * - standalone:  use this when you deploy it as a standalone web application
+         * - standalone: use this when you deploy it as a standalone web application
          * - pod: use this when you host this app as a default interface for you pod
          */
         this.mode = 'standalone';
         this.uri = '';
     }
     render() {
-        return (h(Host, { key: '50b6e91f4e98be29cfa37552eb799883aeb49c9e' }, h("pos-app", { key: '652617d5eaf3653caeb58b9e93dff09810a587a3', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'f4a29b30c2a4caece50c0da046426bc50a3b402e' }, h("pos-router", { key: 'd3f2307db47406c4d84c9b27ac767d263ae81c32', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '521c8469dae209a27780d62a5922f8a15d393e07' }, h("pos-add-new-thing", { key: '2fdd9716da4b3590fb0983a4b50f8c63eca26dce', referenceUri: this.uri }), h("pos-navigation-bar", { key: '6add9651de9ff5ca8496470c0df1341927683001', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: '87a60cc03fc63a2ca68b294726e7e44a09bdc835' })), h("main", { key: 'dd2b3de09ca7f8957b240b030cafeeac37e76c1b' }, this.uri.startsWith('pod-os:') ? (h("pos-internal-router", { uri: this.uri })) : (h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", null)))), h("footer", { key: 'ea1444713656c8740d81c5ac777b72bb6e287729' }, h(Logo, { key: '1bba3eec9e30c30f9132a6524e00ec212169f402' }), h("span", { key: '3b38a5e1704559f271075b60a27d8334f41a09dc' }, "PodOS Browser"), h("span", { key: '848dd110da12d70ec7798bfcf042638af8f7b121' }, "|"), h("a", { key: '8b748b91e4ae5351d0b2081dcb2af09867a00aee', class: "settings", href: "?uri=pod-os%3Asettings" }, "\u2699 Settings")))))));
+        return (h(Host, { key: '08b186d2f354d6c07df02707eb4ada81aef7dec3' }, h("pos-app", { key: '54c372343e916ab5d77584381b3965c925ae0cd0', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'ab63e18121ca16670f81da141219a782dde0694b' }, h("pos-router", { key: '69b6f3bf8ce3720c6c39cdb4be69e640e27ccc5b', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '5cd3412caf13b6d99da517ae7e6f5877234e65d7' }, h("pos-add-new-thing", { key: '9b83b3cf03b7038303975386176df539b35ff547', referenceUri: this.uri }), h("pos-navigation", { key: '26bfed9b1c8dd1be018babc6ef40ae42808a5c42', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: 'e29f18dcde866d8ac1e317fcd7b71ef584e69034' }, h("pos-user-menu", { key: 'be796f0914649eb4e8525a9d8acdfd535626303c', webId: store.state.webId, slot: "if-logged-in" }))), h("main", { key: 'f99dfb2d43e949528bc767b94801c99bf04a7eea' }, this.mainContent()), h("footer", { key: '64744d1246356fa00da9c6b561785e2b794a7907' }, h(Logo, { key: 'a648f7f88e12c79348bda33152f2759d2b93e738' }), h("span", { key: 'f22e2f9904ba517fc2e579a05018704b5ade6302' }, "PodOS Browser")))))));
+    }
+    mainContent() {
+        if (this.uri === '') {
+            return null;
+        }
+        if (this.uri.startsWith('pod-os:')) {
+            return h("pos-internal-router", { uri: this.uri });
+        }
+        return (h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", null)));
     }
     static get style() { return PosAppBrowserStyle0; }
 }, [0, "pos-app-browser", {
@@ -75,7 +86,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-browser", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-searchbar", "ion-skeleton-text", "ion-toast", "pos-add-new-thing", "pos-app", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-dialog", "pos-error-toast", "pos-example-resources", "pos-getting-started", "pos-image", "pos-internal-router", "pos-label", "pos-login", "pos-login-form", "pos-make-findable", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-setting-offline-cache", "pos-type-router"];
+    const components = ["pos-app-browser", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-skeleton-text", "ion-toast", "pos-add-new-thing", "pos-app", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-dialog", "pos-error-toast", "pos-example-resources", "pos-getting-started", "pos-image", "pos-internal-router", "pos-label", "pos-login", "pos-login-form", "pos-make-findable", "pos-navigation", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-setting-offline-cache", "pos-type-router", "pos-user-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-browser":
             if (!customElements.get(tagName)) {
@@ -84,150 +95,155 @@ function defineCustomElement$1() {
             break;
         case "ion-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "ion-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "ion-ripple-effect":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
+            }
+            break;
+        case "ion-skeleton-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "ion-searchbar":
+        case "ion-toast":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "ion-skeleton-text":
+        case "pos-add-new-thing":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "ion-toast":
+        case "pos-app":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "pos-add-new-thing":
+        case "pos-app-dashboard":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "pos-app":
+        case "pos-app-settings":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "pos-app-dashboard":
+        case "pos-description":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "pos-app-settings":
+        case "pos-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "pos-description":
+        case "pos-error-toast":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "pos-dialog":
+        case "pos-example-resources":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "pos-error-toast":
+        case "pos-getting-started":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "pos-example-resources":
+        case "pos-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "pos-getting-started":
+        case "pos-internal-router":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "pos-image":
+        case "pos-label":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "pos-internal-router":
+        case "pos-login":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "pos-label":
+        case "pos-login-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "pos-login":
+        case "pos-make-findable":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "pos-login-form":
+        case "pos-navigation":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "pos-make-findable":
+        case "pos-navigation-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "pos-navigation-bar":
+        case "pos-new-thing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "pos-new-thing-form":
+        case "pos-picture":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "pos-picture":
+        case "pos-resource":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "pos-resource":
+        case "pos-rich-link":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "pos-rich-link":
+        case "pos-router":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "pos-router":
+        case "pos-select-term":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "pos-select-term":
+        case "pos-setting-offline-cache":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "pos-setting-offline-cache":
+        case "pos-type-router":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "pos-type-router":
+        case "pos-user-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/pos-app-browser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-browser.js","mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,MAAM,gBAAgB,GAAG,~~60CAA60C~~,CAAC;~~AACv2C~~,4BAAe,gBAAgB;;~~MCKlBA~~,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;~~KAoCnB~~;~~IAlCC~~,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,~~2EAAoB~~,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,~~GAAuB~~,~~EAC/F~~,~~mEAAuB~~,~~CAChB~~,~~EACT,+DACG~~,~~IAAI~~,CAAC,~~GAAG~~,CAAC,~~UAAU~~,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~IAC7B~~,~~2BAAqB~~,~~GAAG~~,~~EAAE~~,IAAI,CAAC,~~GAAG~~,~~GAAI~~,~~KAEtC~~,~~oBAAc~~,~~GAAG~~,~~EAAE~~,IAAI,CAAC,GAAG,EAAE,~~GAAG,~~EAAE,IAAI,CAAC,GAAG,~~IACxC~~,~~0BAAmB~~,~~CACN~~,~~CAChB~~,~~CACI~~,~~EACP~~,~~iEACE~~,~~EAAC~~,~~IAAI~~,~~sDAAG~~,~~EACR,+EAA0B~~,~~EAC1B~~,~~mEAAc~~,~~EACd~~,~~0DAAG~~,~~KAAK~~,~~EAAC~~,~~UAAU~~,~~EAAC~~,IAAI,~~EAAC~~,~~wBAAwB~~,~~sBAE7C~~,~~CACG~~,~~CACE~~,~~CACG~~,~~CACV~~,~~CACL~~,~~EACP~~;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\npos-navigation~~-bar~~ {\n max-width: var(--width-lg);\n margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n flex: 0 1 auto; /* ~~Behält~~ ~~die~~ ~~Breite~~ ~~des~~ ~~Inhalts~~ ~~bei~~ /\n}\n\nheader,\nfooter {\n display: flex;\n gap: var(--size-1);\n height: auto;\n justify-content: center;\n align-items: center;\n padding: var(--size-1);\n}\n\nfooter svg {\n width: var(--size-5);\n height: var(--size-5);\n}\n\nfooter {\n font-size: var(--scale-fluid-000);\n\n .settings {\n padding: 0 var(--size-1);\n text-decoration: none;\n background-color: var(--pos-background-color);\n border: 1px solid var(--pos-secondary-border-color);\n color: var(--pos-secondary-border-color);\n border-radius: var(--radius-xs);\n\n &:hover {\n background-color: var(--pos-secondary-border-color);\n color: var(--pos-background-color);\n }\n }\n}\n\nheader {\n flex-wrap: ~~wrap~~;\n padding: 0 var(--size-8);\n}\n\nmain {\n flex: 1;\n max-height: 100vh;\n overflow: auto;\n}\n\n@media (max-width: 640px) {\n header {\n padding: 0 var(--size-1) ~~var(--size-1)~~;\n justify-content: space-between;\n }\n~~\n pos-navigation-bar {\n flex-basis: 100%;\n order: 0;\n~~ }\n~~\n pos-add-new-thing,\n pos-login {\n order: 1;\n }\n}\n~~","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-browser',\n styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n @Prop() restorePreviousSession: boolean = false;\n\n /\n The mode the app is running in:\n \n - standalone: use this when you deploy it as a standalone web application\n * - pod: use this when you host this app as a default interface for you pod\n */\n @Prop() mode: 'standalone' \| 'pod' = 'standalone';\n\n @State() uri = '';\n\n render() {\n return (\n <Host>\n <pos-app restorePreviousSession={this.restorePreviousSession}>\n <pos-error-toast>\n <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n <header>\n <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n <pos-navigation~~-bar~~ uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation~~-bar~~>\n <pos-login></pos-login>\n </header>\n <main>\n {this.uri.startsWith('pod-os:') ~~? (~~\n <pos-internal-router uri={this.uri} ~~/>\~~n ) : (\n <pos-resource key={this.uri} uri={this.uri}>\n <pos-type-router />\n </pos-resource>\n )}\n </main>\n <footer>\n <Logo />\n <span>PodOS Browser</span>\n <span>\|</span>\n <a class=\"settings\" href=\"?uri=pod-os%3Asettings\">\n ⚙ Settings\n </a>\n </footer>\n </pos-router>\n </pos-error-toast>\n </pos-app>\n </Host>\n );\n }\n}\n\nconst Logo = () => {\n return (\n <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n style={{\n 'fill': '#008BF8',\n 'stroke': '#008BF8',\n 'stroke-width': '70',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n style={{\n 'fill': 'white',\n 'stroke': 'white',\n 'stroke-width': '45',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n style={{\n 'fill': '#DC0073',\n 'stroke': '#DC0073',\n 'stroke-width': '20',\n }}\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n};\n"],"version":3}
1	+ {"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,4yCAA4yC,CAAC;AACt0C,4BAAe,gBAAgB;;MCMlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAyCnB;IAvCC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,uEAAgB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAmB,EAEvF,oEACE,sEAAe,KAAK,EAAEC,KAAO,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,cAAc,GAAiB,CACrE,CACL,EACT,+DAAO,IAAI,CAAC,WAAW,EAAE,CAAQ,EACjC,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;KACH;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QACD,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;YAClC,OAAO,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC;SAC/C;QACD,QACE,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,EACf;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser","session"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\npos-navigation {\n max-width: var(--width-lg);\n margin: 0;\n min-width: var(--size-32);\n flex-shrink: 1; /* Ensure navigation can shrink /\n}\n\npos-add-new-thing,\npos-login {\n flex: 0 1 auto;\n flex-shrink: 0; / Ensure those items don't shrink /\n}\n\nheader,\nfooter {\n display: flex;\n gap: var(--size-1);\n height: auto;\n justify-content: center;\n align-items: center;\n padding: var(--size-1);\n}\n\nfooter svg {\n width: var(--size-5);\n height: var(--size-5);\n}\n\nfooter {\n font-size: var(--scale-fluid-000);\n\n .settings {\n padding: 0 var(--size-1);\n text-decoration: none;\n background-color: var(--pos-background-color);\n border: 1px solid var(--pos-secondary-border-color);\n color: var(--pos-secondary-border-color);\n border-radius: var(--radius-xs);\n\n &:hover {\n background-color: var(--pos-secondary-border-color);\n color: var(--pos-background-color);\n }\n }\n}\n\nheader {\n flex-wrap: nowrap;\n padding: var(--size-1) var(--size-8);\n}\n\nmain {\n flex: 1;\n max-height: 100vh;\n overflow: auto;\n}\n\n@media (max-width: 640px) {\n header {\n padding: var(--size-1);\n justify-content: space-between;\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\nimport session from '../../store/session';\n\n@Component({\n tag: 'pos-app-browser',\n styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n @Prop() restorePreviousSession: boolean = false;\n\n /\n The mode the app is running in:\n \n - standalone: use this when you deploy it as a standalone web application\n * - pod: use this when you host this app as a default interface for you pod\n */\n @Prop() mode: 'standalone' \| 'pod' = 'standalone';\n\n @State() uri = '';\n\n render() {\n return (\n <Host>\n <pos-app restorePreviousSession={this.restorePreviousSession}>\n <pos-error-toast>\n <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n <header>\n <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n <pos-navigation uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation>\n\n <pos-login>\n <pos-user-menu webId={session.state.webId} slot=\"if-logged-in\"></pos-user-menu>\n </pos-login>\n </header>\n <main>{this.mainContent()}</main>\n <footer>\n <Logo />\n <span>PodOS Browser</span>\n </footer>\n </pos-router>\n </pos-error-toast>\n </pos-app>\n </Host>\n );\n }\n\n private mainContent() {\n if (this.uri === '') {\n return null;\n }\n if (this.uri.startsWith('pod-os:')) {\n return <pos-internal-router uri={this.uri} />;\n }\n return (\n <pos-resource key={this.uri} uri={this.uri}>\n <pos-type-router />\n </pos-resource>\n );\n }\n}\n\nconst Logo = () => {\n return (\n <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n style={{\n 'fill': '#008BF8',\n 'stroke': '#008BF8',\n 'stroke-width': '70',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n style={{\n 'fill': 'white',\n 'stroke': 'white',\n 'stroke-width': '45',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n style={{\n 'fill': '#DC0073',\n 'stroke': '#DC0073',\n 'stroke-width': '20',\n }}\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n};\n"],"version":3}

package/dist/components/pos-app-dashboard2.js CHANGED Viewed

@@ -17,7 +17,7 @@ const PosAppDashboard = /*@__PURE__*/ proxyCustomElement(class PosAppDashboard e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'c467fa44eac028bc1a1546423ac92a5e1e9a98d2' }, h("pos-getting-started", { key: 'f62088d7cc2c199617eecbfd771b2f22db1a7431' }), h("pos-example-resources", { key: '6285bd2160042582ee113f81e7e6e02139d67f45' })));
+        return (h(Host, { key: '18dc165b7be1c796136804a2ba7643b2a6fffc73' }, h("pos-getting-started", { key: 'e3f7a22641e4c24168a36f96463515cd1a89ca5e' }), h("pos-example-resources", { key: '1044dd873049118e165ff6d38449c85695f63a50' })));
     }
     static get style() { return PosAppDashboardStyle0; }
 }, [1, "pos-app-dashboard"]);